Get in Touch

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

Number of participants


Price per participant

Upcoming Courses

Related Categories