Training Program

React Training Program

Learn React from the ground up with our focused curriculum covering components, hooks, state management, and modern React patterns.

Installation

Set up a new React project — with a framework, from scratch, or by adding React to an existing app.

40 min

Setup

Configure your React workflow: editor setup, TypeScript and the React Developer Tools.

40 min

React Compiler

Learn the React Compiler: how it optimizes your app, how to adopt it incrementally, and how to debug it.

50 min

Describing the UI

Describe UIs with React: components, JSX, props, conditional rendering, lists and keeping components pure.

1h50

Adding Interactivity

Add interactivity in React: handling events, state as a snapshot, and updating objects and arrays in state.

1h20

Managing State

Structure and share React state: lifting state up, context, reducers and resetting state.

1h30

Escape Hatches

Step outside React with refs and effects — synchronizing with external systems and extracting custom hooks.

1h40

React Router - Getting Started

Get started with React Router and choose the mode that best fits your application.

20 min

React Router - Framework Mode

Use React Router in framework mode: routing, route modules, data loading, actions, rendering strategies and deployment.

1h50

React Router - Data Mode

Use React Router in data mode: route objects, data loading, actions, pending UI and testing.

1h40

React Router - Declarative Mode

Use React Router declaratively: routing, navigation and reading URL values.

50 min

React Router - How-Tos

Practical React Router recipes: error boundaries, fetchers, file uploads, pre-rendering, middleware and more.

4h30

React Router - Explanations

Understand how React Router works: code splitting, progressive enhancement, race conditions, sessions and type safety.

2h20

React Router - Upgrading

Upgrade React Router with future flags and migration paths from v6 and Remix.

1h

Redux - Introduction

Get started with Redux Toolkit: core concepts, installation and the modern way to use Redux today.

1h20

Redux - Tutorials

Learn Redux through guided tutorials — Redux Essentials, Fundamentals and RTK Query, from basics to advanced patterns.

3h30

Redux - Using

Apply Redux in practice: store configuration, TypeScript, testing, reducer structure, selectors, thunks and middleware.

5h

Redux - Understanding

Understand Redux deeply: its motivation, three principles, style guide and Redux Toolkit overview.

1h30

Zustand - Introduction

Get started with Zustand, a minimal state manager, and see how it compares to the alternatives.

40 min

Zustand - Core concepts

Master Zustand fundamentals: updating state, the slices pattern, immutable updates, and using Map and Set.

1h

Zustand - Performance and rendering

Optimize Zustand rendering with useShallow, URL-connected state and render-safe patterns.

40 min

Zustand - TypeScript

Use Zustand with TypeScript — from beginner typing to advanced patterns and auto-generated selectors.

40 min

Zustand - Frameworks and platforms

Use Zustand with frameworks: Next.js setup, SSR and hydration, and initializing state from props.

40 min

Zustand - Testing and quality

Test Zustand stores and keep them maintainable — resetting state and Flux-inspired patterns.

40 min

Zustand - Migration

Migrate Zustand to v5 and from older versions, including the context API.

40 min