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
- Novel features in React 18 and 19
- Evolution of tools and development approaches
Advanced React Hooks
- Deep dive into useMemo, useCallback, useDispatch, useRef, and useImperativeHandle
React Concurrent Mode
- Applying useTransition and useDeferredValue hooks
Next.js Routing Architectures
- Distinguishing between App Router and Pages Router
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 Mechanisms
- Strategy for Incremental Static Regeneration
Leveraging Next.js as a Backend
- Edge Functions and Edge Runtime integration
State Management Solutions
- React Context, Redux, and atomic state management (Zustand)
Template Creation in Next.js
- Designing reusable templates
- Exploring CSS methodologies and template libraries
Performance Optimization
- Reducing load times and maximizing Web Core Vitals scores
Instrumentation
Testing Next.js Applications
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
- Fundamental familiarity with the Next.js ecosystem
- Knowledge of API interactions and state management principles
Target Audience
- Seasoned React developers aiming to expand their expertise in Next.js
- Front-end and full-stack developers seeking advanced performance optimization strategies
- Software engineers managing large-scale Next.js projects
