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.
- Modern tools and shifts in approach.
React Advanced Hooks
- useMemo, useCallback, useDispatch, useRef, useImperativeHandle.
Concurrent Mode in React
- Utilization 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 Application vs. Static Generation.
Server Components and Server Actions
- Application of '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 Optimization
- Improving load time and achieving high Web Core Vitals scores.
Instrumentation
Testing in Next.js
Monorepo Strategies
- Next.js integrated with TurboRepo / Nx.
Monitoring, Deployment, and Orchestration
Summary and Next Steps
Requirements
- Strong proficiency in JavaScript and ES6+.
- Practical experience with React and React Hooks.
- Basic familiarity with Next.js.
- Understanding of API calls and state management.
Audience
- Experienced React developers seeking to deepen their Next.js expertise.
- Front-end and full-stack developers looking for advanced performance optimization techniques.
- Software engineers developing 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.
