К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Advanced React · LearnSpace
Назад в каталог
courseraПрограммирование

Advanced React

Курс от Meta
Средний≈ 27.1 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

Learn how to use more advanced React concepts and features, become proficient in JSX, and confidently test your applications. You’ll examine different types of React components and learn various characteristics and when to use them. You’ll dig into more advanced hooks and create your own. You’ll look into building forms with React. You’ll explore component composition and new patterns, such as Higher Order Components and Render Props. You’ll create a web application that consumes API data and get familiar with the most commonly used React framework integrations, tools, and testing techniques. By the end of this course, you will be able to: • Render lists and form components efficiently in React. • Lift shared state up when several components need the updated data. • Leverage React Context to share global state for a tree of components. • Fetch data from a remote server. • Use advanced hooks in React, and put them to use within your application. • Build your own custom hooks. • Understand JSX in depth. • Embrace component composition techniques • Use advanced patterns to encapsulate common behavior via Higher Order Components and Render Props. • Test your React components. • Build a portfolio using React. You’ll gain experience with the following tools and software: • React.js • JSX • React • HTML, CSS, and JavaScript • VSCode You will be able to leverage the potential of this course to develop new skills, improve productivity, act effectively with data and boost your career. To take this course, you should understand the basics of React, HTML, CSS, and JavaScript. Additionally, it always helps to have a can-do attitude!

Навыки, которые вы освоите

React.jsJest (JavaScript Testing Framework)Context ManagementUI ComponentsJavascriptSoftware Design PatternsWeb ApplicationsJavaScript FrameworksFrontend IntegrationUnit TestingCode ReusabilityData SharingData AccessFront-End Web DevelopmentWeb Development Tools

Программа курса

4 модулей · 116 учебных материалов

01Components40 материалов

Course Introduction

Introduction to the courseВидеоReact and your career opportunitesВидеоCourse syllabusЧтениеMeet and greetОбсуждение

Учитесь у экспертов

Taught by Meta Experts

Преподаватель курса

Advanced React
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 27.1 ч

4 модулей

Язык: Английский

Субтитры: Арабский, Французский, Бенгальский, Узбекский, Украинский, Китайский (Китай), Греческий, Итальянский, Бразильский португальский, Вьетнамский, Нидерландский, Корейский, Немецкий, Пушту, Урду, Русский, Тайский, Индонезийский, Шведский, Турецкий, Азербайджанский, Испанский, Дари, Хинди, Японский, Казахский, Венгерский, Польский

Часть программы вашего университета
How to be successful in this courseЧтение
Setting up a React project in VS Code (Optional)Чтение
Setting up VS code (Optional)Видео
Installing Node and NPM (Optional)Чтение
Working with Labs in this courseЧтение
Grid layoutsВидео
From React Foundations to Advanced PatternsDIALOGUE

Rendering Lists in React

Transforming lists in JavaScriptВидеоRender a simple list componentВидеоExercise: Create a basic List componentЛабораторнаяSolution: Create a basic List componentЧтениеSelf-review: Create a basic List componentЗаданиеWhat are Keys in React?ВидеоUsing Keys Within List ComponentsВидеоKnowledge check: Rendering Lists in ReactЗаданиеAdditional resourcesЧтение

Forms in React

What are controlled components?ВидеоControlled components vs. Uncontrolled componentsЧтениеCreating a Form component in ReactВидеоCreate a Controlled Form ComponentВидеоExercise: Create a registration formЛабораторнаяSolution: Create a registration formЧтениеSelf-review: Create a registration form ЗаданиеKnowledge check: Forms in ReactЗаданиеAdditional resourcesЧтение

React Context

What you know about Props and StateВидеоWhat is Context, and why is it used?ВидеоReact ContextDIALOGUEExercise: Create a light-dark theme switcherЛабораторнаяSolution: Create a light-dark theme switcherЧтениеSelf-review: Create a light-dark theme switcherЗаданиеHow re-rendering works with ContextЧтениеKnowledge check: React ContextЗаданиеModule summary: ComponentsВидеоModule quiz: ComponentsЗаданиеAdditional resourcesЧтение
02React Hooks and Custom Hooks34 материалов

Getting started with hooks

Working with React hooksВидеоRevising useState hookВидеоWorking with complex data in useStateЧтениеUsing the useState hookВидеоExercise: Managing state within a componentЛабораторнаяSolution: Managing state within a componentЧтениеSelf-review: Managing state within a componentЗаданиеWhat are side effects?ВидеоWhat is the useEffect hook?ЧтениеUsing the useEffect hookВидеоKnowledge check: Getting started with hooksЗаданиеAdditional resourcesЧтение

Rules of Hooks and Fetching Data with Hooks

What are the rules of hooks?ВидеоWhat you need to know before fetching dataВидеоData fetching using hooksЧтениеFetching data – Putting it all togetherВидеоFetching data with useEffectDIALOGUEExercise: Can you fetch data?Лабораторная

Advanced hooks

What is useReducer and how it differs from useStateВидеоWhen to choose useReducer vs useStateЧтениеuseRef to access underlying DOMВидеоCustom hooksЧтениеExercise: Create your own custom hook, usePreviousЛабораторнаяSolution: Create your own custom hook, usePreviousЧтение
03JSX and testing31 материалов

JSX Deep Dive

JSX, Components and ElementsВидеоThe importance of performance to software developmentВидеоComponent composition with childrenВидеоTypes of ChildrenЧтениеManipulating children dynamically in JSXВидеоExercise: Build a Radio Group ComponentЛабораторнаяSolution: Build a Radio Group ComponentЧтениеSelf-review: Build a Radio Group ComponentЗаданиеSpread AttributesВидеоKnowledge check: JSXЗаданиеAdditional resourcesЧтение

Reusing behavior

Cross-cutting concerns in ReactВидеоHigher-order componentsЧтениеCreate a HOC for cursor positionВидеоRender propsВидеоExercise: Implementing scroller position with render propsЛабораторнаяSolution: Implementing scroller position with render propsЧтение

Integration tests with React Testing Library

Why React Testing LibraryВидеоWriting the first test for your formВидеоExercise: Writing more test scenariosЛабораторнаяSolution: Writing more test scenariosЧтениеSelf-review: Writing more test scenarios ЗаданиеIntroduction to continuous integrationЧтение
04Final project11 материалов

Graded assessment

Course recap: Advanced ReactВидеоAbout the final projectЧтениеPopular external librariesЧтениеCreate your portfolioЛабораторнаяReview a peer's portfolioВзаимная проверкаSolution walk-through: PortfolioВидеоSolution codeЧтениеFinal graded quiz: Advanced ReactЗадание

Course wrap-up

Congratulations, you have completed Advanced React!ВидеоReflect on learningОбсуждениеNext stepsЧтение
Solution: Can you fetch data?Чтение
Self-review: Can you fetch data?Задание
APIsВидео
Knowledge check: Rules of Hooks and Fetching Data with HooksЗадание
Additional resourcesЧтение
Self-review: Create your own custom hook, usePreviousЗадание
Knowledge check: Advanced HooksЗадание
Module summary: React Hooks and Custom HooksВидео
Module quiz: React Hooks and Custom HooksЗадание
Additional resourcesЧтение
Self-review: Implementing scroller position with render propsЗадание
Knowledge check: Reusing behaviorЗадание
Additional resourcesЧтение
Style guidesВидео
Knowledge check: Automated testingЗадание
Module summary: JSX and TestingВидео
Module quiz: JSX and TestingЗадание
Additional resourcesЧтение