Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
Course Outline
Introduction
Modern React
- Key developments in React 18 and 19
- Evolution of tools and shifts in development approach
Advanced React Hooks
- Mastering useMemo, useCallback, useDispatch, useRef, and useImperativeHandle
Concurrent Mode in React
- Applying useTransition and useDeferredValue hooks
Next.js Routing
- Distinguishing between the App Router and Pages Router architectures
Rendering Strategies in Next.js
- Comparing Server Side Rendering, Single Page Applications, and Static Generation
Server Components and Server Actions
- Implementing ‘use server’ and ‘use client’ directives
Data Fetching and Caching
- Implementing Incremental Static Regeneration strategies
Next.js as a Backend
- Leveraging Edge Functions and the Edge Runtime
State Management
- Using React Context, Redux, and atomic state management (such as Zustand)
Template Creation in Next.js
- Building reusable templates
- Exploring CSS approaches and template libraries
Performance Optimization
- Reducing load times and achieving high Web Core Vitals scores
Instrumentation
Testing in Next.js
Monorepo Strategies
- Integrating Next.js with TurboRepo or Nx
Monitoring, Deployment, and Orchestration
Summary and Future Steps
Requirements
- A solid grasp of JavaScript and ES6+ standards.
- Practical experience with React and React Hooks.
- Familiarity with core Next.js concepts.
- Understanding of API interactions and state management patterns.
Target Audience
- Experienced React developers aiming to deepen their expertise in Next.js.
- Front-end and full-stack developers seeking advanced performance optimization skills.
- Software engineers responsible for large-scale Next.js applications.
21 Hours
