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
- New features in React 18 and 19.
- Modern tools and evolving approaches.
Advanced React Hooks
- useMemo, useCallback, useDispatch, useRef, useImperativeHandle.
Concurrent Mode in React
- Utilizing useTransition and useDeferredValue hooks.
Next.js Routing
- Distinctions 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
- Applying 'use server' and 'use client' directives.
Data Fetching and Caching
- Implementing Incremental Static Regeneration strategies.
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 methodologies and template libraries.
Performance Optimization
- Improving load times and achieving high Web Core Vitals scores.
Instrumentation
Testing in Next.js
Monorepo Strategies
- Integrating Next.js with TurboRepo / Nx.
Monitoring, Deployment, and Orchestration
Summary and Next Steps
Requirements
- Strong command of JavaScript and ES6+ standards.
- Practical experience with React and React Hooks.
- Familiarity with the basics of Next.js.
- Understanding of API interactions and state management concepts.
Audience
- Experienced React developers aiming to deepen their expertise in Next.js.
- Front-end and full-stack developers seeking advanced techniques for performance optimization.
- Software engineers managing large-scale Next.js applications.
21 Hours