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
- Updates in React 18 and 19
- Contemporary tools and methodological shifts
Advanced React Hooks
- useMemo, useCallback, useDispatch, useRef, useImperativeHandle
Concurrent Mode in React
- Application of useTransition and useDeferredValue hooks
Next.js Routing
- Distinctions between App Router and Pages Router
Rendering Strategies in Next.js
- Server Side Rendering vs Single Page Application vs Static Generation
Server Components and Server Actions
- Employment of ‘use server’ and ‘use client’ directives
Data Fetching and Caching
- Incremental Static Regeneration strategy
Leveraging Next.js as a Backend
- Edge Functions and Edge Runtime
State Management
- React Context, Redux, and atomic state management (Zustand)
Developing Templates in Next.js
- Reusable templates
- Available CSS approaches and template libraries
Performance Optimization
- Enhancing load times and achieving high Web Core Vitals scores
Instrumentation
Testing in Next.js
Monorepo Strategies
- Next.js with TurboRepo / Nx
Monitoring, Deployment, and Orchestration
Summary and Next Steps
Requirements
- Strong grasp of JavaScript and ES6+
- Practical experience with React and React Hooks
- Foundational knowledge of Next.js
- Understanding of API calls and state management
Target Audience
- Experienced React developers aiming to deepen their expertise in Next.js
- Front-end and full-stack developers interested in advanced performance optimization techniques
- Software engineers developing large-scale Next.js applications
21 Hours
