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
- What's new in React 18 and 19
- Modern tools and changes in approach
Advanced React Hooks
- useMemo, useCallback, useDispatch, useRef, useImperativeHandle
Concurrent Mode in React
- Usage of useTransition and useDeferredValue hooks
Next.js Routing
- Differences between the App Router and Pages Router
Rendering Strategies in Next.js
- Server-Side Rendering vs Single Page Applications vs Static Generation
Server Components and Server Actions
- Usage of the 'use server' and 'use client' directives
Data Fetching and Caching
- Incremental Static Regeneration strategy
Using Next.js as a Backend
- Edge Functions and Edge Runtime
State Management
- React Context, Redux, and atomic state management (Zustand)
Creating Templates in Next.js
- Reusable templates
- Available CSS approaches and template libraries
Performance Optimisation
- Improving load times and achieving high Web Vitals Core Metric scores
Instrumentation
Testing in Next.js
Monorepo Strategies
- Next.js with TurboRepo / Nx
Monitoring, Deployment, and Orchestration
Summary and Next Steps
Requirements
- Strong understanding of JavaScript and ES6+
- Experience with React and React Hooks
- Basic familiarity with Next.js
- Understanding of API calls and state management
Audience
- Experienced React developers looking to deepen their knowledge of Next.js
- Front-end and full-stack developers seeking advanced performance optimisation techniques
- Software engineers working on large-scale Next.js applications
21 Hours
Testimonials (1)
I like the professionality of the trainer, he really knows what he is talking about and able to explain almost even the simple subjects on the topic which is great.
