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 architectural approaches
Advanced React Hooks
- Mastering useMemo, useCallback, useDispatch, useRef, and useImperativeHandle
Concurrent Mode in React
- Applying useTransition and useDeferredValue hooks
Next.js Routing
- Distinguishing between App Router and Pages Router architectures
Next.js Rendering Strategies
- 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
- Strategizing Incremental Static Regeneration
Next.js as a Backend
- Integrating Edge Functions and Edge Runtime
State Management
- Utilizing React Context, Redux, and atomic state libraries (Zustand)
Creating Templates in Next.js
- Building reusable templates
- Exploring CSS methodologies and template libraries
Performance Optimization
- Reducing load times and achieving high Web Core Vitals scores
Instrumentation
Testing in Next.js
Monorepo Strategies
- Managing Next.js within TurboRepo or Nx environments
Monitoring, Deployment, and Orchestration
Summary and Next Steps
Requirements
- Proficiency in JavaScript and ES6+
- Practical experience with React and React Hooks
- Foundational knowledge of Next.js
- Understanding of API interactions and state management
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 managing large-scale Next.js applications
