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

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

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

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

Advanced React Patterns, Testing, and Next.js

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

О курсе

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. Dive into advanced React patterns like custom hooks, render props, and higher-order components while mastering performance optimization with memoization, virtualization, and more. Gain hands-on experience building with Next.js, covering concepts from routing and navigation to full-stack data integration. In addition to understanding modern state management techniques with tools like Redux Toolkit, Zustand, and React Query, you'll also tackle React 19 testing, including unit, snapshot, and async testing. The course progresses from foundational React patterns to advanced performance techniques and full-stack Next.js development. As you explore React Router, data fetching with TanStack Query, and Next.js features, you'll be empowered to architect scalable, high-performance web applications. This course is ideal for intermediate developers who are familiar with React basics and want to take their skills to the next level with cutting-edge React patterns, testing methodologies, and full-stack capabilities. By the end of the course, you will be able to design and implement reusable React patterns, optimize performance, integrate APIs in Next.js, and conduct effective unit and integration tests.

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

Code ReusabilityFull-Stack Web DevelopmentServer SideReact.jsFrontend PerformanceData ValidationSoftware TestingUI ComponentsUnit TestingSoftware Design PatternsData AccessPerformance TuningFrontend IntegrationWeb FrameworksReact ReduxJavaScript Frameworks

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

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

01Custom Hooks6 материалов

Custom Hooks

Introduction to the course 'Advanced React Patterns, Testing, and Next.js'ЧтениеFull Course ResourcesЧтениеIntroduction to Custom HooksВидеоBuilding a Custom Hook for FormsВидео

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

Packt - Course Instructors

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

Advanced React Patterns, Testing, and Next.js
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 24.5 ч

9 модулей

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

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

Часть программы вашего университета
Creating a Custom React Hook for Form InputsDIALOGUE
Custom Hooks - AssessmentЗадание
02Advanced React Patterns10 материалов

Advanced React Patterns

Render Props PatternВидеоControlled vs Uncontrolled ComponentsВидеоCompound Components PatternВидеоHigher Order Components (HOCs)ВидеоFunction as Children PatternВидеоProp Getters & Prop CollectionsВидеоState Reducer PatternВидеоControlled Props PatternВидеоExploring Advanced React Patterns: Making Components Reusable & FlexibleDIALOGUEAdvanced React Patterns - AssessmentЗадание
03Optimising React Performance with Memoization, Virtualization, Suspense, etc.10 материалов

Optimising React Performance with Memoization, Virtualization, Suspense, etc.

Introduction to Performance in ReactВидеоReact.memo — Memoizing ComponentsВидеоAnother Example Using React.memoВидеоuseCallback — Memoizing FunctionsВидеоuseMemo — Memoizing Expensive CalculationsВидеоReact VirtualizationВидеоLazy Loading Components (React.lazy + Suspense)ВидеоProfiling React Apps with React DevTools ProfilerВидеоOptimizing React Performance: Preventing Unnecessary RerendersDIALOGUEOptimising React Performance with Memoization, Virtualization, Suspense, etc. - AssessmentЗадание
04Routing & Navigation in React (with React Router 7 / latest React 19 syntax)9 материалов

Routing & Navigation in React (with React Router 7 / latest React 19 syntax)

Introduction to Routing in ReactВидеоNested Routes & Layouts (using )ВидеоURL Parameters & useParamsВидеоSearch Params & Query StringsВидеоProgrammatic Navigation with useNavigateВидеоProtected Routes (Auth Example)ВидеоCode Splitting & Lazy Loading RoutesВидеоMastering Routing in React ApplicationsDIALOGUERouting & Navigation in React (with React Router 7 / latest React 19 syntax) - AssessmentЗадание
05Forms - Validation & Advanced7 материалов

Forms - Validation & Advanced

Review of Controlled vs. Uncontrolled InputsВидеоHandling Forms in React (Basic)ВидеоAdvanced Form Handling with react-hook-formВидеоSchema Validation with YupВидеоCustom Input ComponentsВидеоControlled vs. Uncontrolled Inputs and Reusable Form Components in ReactDIALOGUEForms - Validation & Advanced - AssessmentЗадание
06Data Fetching & State Management (React TanStack / Zustand, Redux Toolkit)10 материалов

Data Fetching & State Management (React TanStack / Zustand, Redux Toolkit)

Review of Data Fetching Basics (fetch + useEffect)ВидеоReact Query (TanStack Query) - Using useQuery for API CallsВидеоQuery Caching & RefetchingВидеоGlobal State with ZustandВидеоRedux ToolkitВидеоError Boundary (Synchronous Error Handling)ВидеоError Boundary + Suspense (Asynchronous Error Handling)ВидеоModern Error Handling with react-error-boundaryВидеоMastering State Management in React: From useState to Redux ToolkitDIALOGUEData Fetching & State Management (React TanStack / Zustand, Redux Toolkit) - AssessmentЗадание
07React 19 Testing15 материалов

React 19 Testing

Introduction to React Testing - Basic RenderingВидеоQuerying ElementsВидеоProp-based BehaviourВидеоTesting Conditional RenderingВидеоTesting Form Field Initial ValuesВидеоSnapshot TestingВидеоUser Events - Testing Input Typing with userEvent.typeВидеоUser Events - Testing Button Clicks with userEvent.clickВидеоUser Events - Conditional Rendering with userEventВидеоUsing fireEventВидеоTesting Toggle Interactions (Expand/Collapse)ВидеоTesting Asynchronous Data FetchingВидеоTesting Error States in Asynchronous React ComponentsВидеоTesting User Interactions and Assertions in React ComponentsDIALOGUEReact 19 Testing - AssessmentЗадание
08Client/Server Side Rendering - SSG - ISR Concepts and Comparisons3 материалов

Client/Server Side Rendering - SSG - ISR Concepts and Comparisons

Client/Server Side Rendering - SSG - ISR Concepts and ComparisonsВидеоComparing React Page Rendering StrategiesDIALOGUEClient/Server Side Rendering - SSG - ISR Concepts and Comparisons - AssessmentЗадание
09Next.js 16 - A Comprehensive Course47 материалов

Next.js 16 - A Comprehensive Course

Introduction to Next.js & Project SetupВидеоFile-based Routing & NavigationВидеоLayouts vs Old Custom App ComponentВидеоNested LayoutВидеоNext.js 16: SSR / ISR / SSGВидеоClient Components & Server ComponentsВидеоPassing Data from Server to Client ComponentsВидеоInterleaving Server and Client ComponentsВидеоContext ProvidersВидеоThird-party ComponentsВидеоNext.js 16 API Routes & Fullstack FeaturesВидеоUsing a Database in Next.js (Fullstack Data Persistence)ВидеоServer-Sent Events in Next.js (SSE)ВидеоDatabase Relationships (Users + Messages)ВидеоBuilding a Functional Contact FormВидеоServer Actions - A Powerful Next.js FeatureВидеоAdd Metadata to Client and Server ComponentsВидеоBuild a Database ViewerВидеоBuild a Courses Table and Seed it with Courses DataВидеоSwitching from API to Database Data + Image OptimizationВидеоNext.js ParamsВидеоAuthentication - Users Table Creation and SeedingВидеоAuthentication - Configuration with JWTВидеоAuthentication - Building an Auth-Aware Navigation BarВидеоAuthentication - LoginВидеоAuthentication - SignupВидеоAuthentication - Email VerificationВидеоAuthentication - Restrict PagesВидеоAuthentication - Password ResetВидеоAuthentication - Google LoginВидеоAuthentication - Github LoginВидеоAdding Foreign Keys for Course in MessagesВидеоAdd Zod Validation to Message FormВидеоRestrict Chat Rooms to a Single CourseВидеоUsing ErrorBoundary and Suspense for Safe Component RenderingВидеоPull Messages Using a Server ActionВидеоImplementing Pagination for Message HistoryВидеоInclude User and Course When Posting a MessageВидеоBroadcast New Message to Connected UsersВидеоOptimistically Delete a Message and Notify All Users in Real TimeВидеоOptimistically Edit a Message and Notify All Users in Real TimeВидеоNext.js 16 Middleware - Restrict Protected RouteВидеоNext.js 16 Middleware - Restrict Admin PageВидеоConclusion to the Course 'Advanced React Patterns, Testing, and Next.jsЧтениеNext.js 16 - A Comprehensive Course - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание