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

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

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

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

Mastering React and Advanced Concepts

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

О курсе

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this course, you will dive deep into React and learn how to effectively use its hooks to build powerful, optimized web applications. You will begin by mastering React hooks such as useState, useEffect, and useContext, which will significantly simplify state management and lifecycle methods compared to traditional class components. This course will guide you through real-world examples, helping you build intuitive, dynamic web pages by leveraging the full potential of React. As you progress, you will move into more advanced React concepts like custom hooks, useReducer, useMemo, and useCallback, optimizing performance and managing complex state logic. The journey will also include the creation of context-based components and examples like a theme switcher. Additionally, you'll learn about the tools and libraries such as React Router, React Hook Form, and Zod for routing and validation to round out your skillset. This course is perfect for web developers looking to enhance their React skills and take their applications to the next level. You should have basic knowledge of React and JavaScript fundamentals. The difficulty level is intermediate, and while you do not need extensive experience with hooks, familiarity with React is helpful. By the end of the course, you will be able to implement React hooks effectively, manage state and side effects, optimize performance, create reusable components with custom hooks, and master routing and form validation.

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

React.jsJavaScript FrameworksPerformance TuningNetwork RoutingAuthorization (Computing)Routing ProtocolsContext ManagementFrontend PerformanceUI ComponentsVerification And ValidationCode ReusabilityData ValidationWeb Development ToolsAuthentications

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

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

01Mastering React Hooks40 материалов

Mastering React Hooks

Introduction to Hooks Wrapper HellВидеоIntroduction to the course 'Mastering React and Advanced Concepts'ЧтениеFull Course ResourcesЧтениеComplex Lifecycle LogicВидео

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

Packt - Course Instructors

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

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

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 10.4 ч

3 модулей

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

Субтитры: Арабский, Французский, Итальянский, Корейский, Индонезийский, Испанский, Японский

Часть программы вашего университета
"This" Keyword ConfusionВидео
useState HookВидео
Lazy InitializationВидео
Managing ObjectsВидео
Managing Arrays – SummaryВидео
useEffect Hook – IntroductionВидео
useEffect ProblemВидео
useEffect API CallingВидео
useEffect Dependency ArraysВидео
useEffect Cleanup Function and SummaryВидео
useContext IntroductionВидео
Theme Context – Implementing the ProviderВидео
Theme Switcher and Header ComponentВидео
Use Cases – SummaryВидео
useRef Introduction – DOM ElementsВидео
useRef Timer Example – Mutable ValuesВидео
useRef Common Cases and Comparison with useStateВидео
useReducer Introduction and SyntaxВидео
useReducer vs useState – Basic ExampleВидео
useReducer Status Manager ExampleВидео
useReducer vs Redux – SummaryВидео
useMemo IntroductionВидео
useMemo Real-World ExampleВидео
useMemo Dos and Don'ts – SummaryВидео
useCallback IntroductionВидео
useCallback Example and UnderstandingВидео
useCallback Summary and PitfallsВидео
useImperativeHandle IntroductionВидео
useImperative Example and UsesВидео
useImperative Common Use Case and SummaryВидео
Custom Hook IntroductionВидео
Custom Hook Example and UsageВидео
Custom Hook Design PrinciplesВидео
Custom Hook Pitfalls and SummaryВидео
Mastering React Hooks: Scenarios and DebuggingDIALOGUE
Mastering React Hooks - AssessmentЗадание
02Forms and Validation in React21 материалов

Forms and Validation in React

Forms IntroductionВидеоText Input ExampleВидеоText Area and Select ExampleВидеоCheckbox ExampleВидеоRadio Button SummaryВидеоControlled vs Uncontrolled – In DepthВидеоPros and Cons of Each ApproachВидеоWhen to Choose WhichВидеоReact Hook FormВидеоuseForm ExampleВидеоWatch useFormВидеоSummary – useFormВидеоBenefits of Yup and ZodВидеоYup Library DemoВидеоZod Demo UsageВидеоSignup Form Project – IntroductionВидеоInstall Dependencies and SchemaВидеоSignup Form State and SubmissionВидеоCompleting Signup FormВидеоReact Forms & Validation with Schema LibrariesDIALOGUEForms and Validation in React - AssessmentЗадание
03Routing in React with React Router25 материалов

Routing in React with React Router

Introduction to SPAs and BenefitsВидеоReact Router InstallationВидеоBrowserRouter, Routes, and RouteВидеоRecap – Routing with LinkВидеоNavLinkВидеоNested Routes – IntroductionВидеоNested Routes – Implementation ExampleВидеоOutlet ComponentВидеоReact 19 Routing SupportВидеоDynamic Routing – IntroductionВидеоuseParams HookВидеоDynamic Routing ExampleВидеоProgrammatic NavigationВидеоuseNavigate HookВидеоProgrammatic Navigation ExampleВидеоData Loader – IntroductionВидеоData Loader and Products ComponentВидеоData Loader Root Layout – Working ExampleВидеоProtected Routes – IntroductionВидеоProtected Route ExampleВидеоConclusion to the Course 'Mastering React and Advanced Concepts'ЧтениеMastering Routing in React ApplicationsDIALOGUERouting in React with React Router - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание