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.
Duration 21 hours
Course Outline
Introduction
Modern React
- Key updates in React 18 and 19
- Evolution of tools and shifts in development approach
Advanced React Hooks
- Application of useMemo, useCallback, useDispatch, useRef, and useImperativeHandle
Concurrent Mode in React
- Practical use of useTransition and useDeferredValue hooks
Next.js Routing
- Distinctions between App Router and Pages Router
Rendering Strategies in Next.js
- Comparing Server Side Rendering, Single Page Application, and Static Generation
Server Components and Server Actions
- Utilizing ‘use server’ and ‘use client’ directives
Data Fetching and Caching
- Implementing the Incremental Static Regeneration strategy
Next.js as a Backend
- Integration of Edge Functions and Edge Runtime
State Management
- Using React Context, Redux, and atomic state management (Zustand)
Template Creation in Next.js
- Building reusable templates
- Exploring available 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 Next Steps
Requirements
- A solid command of JavaScript and ES6+.
- Hands-on experience with React and React Hooks.
- Fundamental familiarity with Next.js concepts.
- Knowledge of API interactions and state management principles.
Target Audience
- Experienced React developers aiming to deepen their expertise in Next.js.
- Front-end and full-stack developers seeking advanced performance optimization techniques.
- Software engineers managing large-scale Next.js applications.
