Get in Touch

Course Outline

Introduction

Modern React

  • Updates in React 18 and 19
  • Modern tools and methodological shifts

Advanced React Hooks

  • useMemo, useCallback, useDispatch, useRef, useImperativeHandle

React Concurrent Mode

  • Implementation of useTransition and useDeferredValue hooks

Next.js Routing

  • Distinctions between 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

  • Employment of ‘use server’ and ‘use client’ directives

Data Fetching and Caching

  • Incremental Static Regeneration strategy

Leveraging Next.js as a Backend

  • Edge Functions and Edge Runtime

State Management

  • React Context, Redux, and atomic state management (Zustand)

Template Creation in Next.js

  • Reusable templates
  • Available CSS methodologies and template libraries

Performance Optimization

  • Enhancing load times and achieving high Web Core Vitals scores

Instrumentation

Testing in Next.js

Monorepo Strategies

  • Next.js integration with TurboRepo / Nx

Monitoring, Deployment, and Orchestration

Summary and Next Steps

Requirements

  • Proficient understanding of JavaScript and ES6+.
  • Practical experience with React and React Hooks.
  • Fundamental familiarity with Next.js.
  • Knowledge of API calls and state management.

Audience

  • Seasoned React developers aiming to expand their Next.js expertise.
  • Front-end and full-stack developers pursuing advanced performance optimization techniques.
  • Software engineers developing large-scale Next.js applications.
 21 Hours

Number of participants


Price per participant

Testimonials (1)

Upcoming Courses

Related Categories