Installation
Set up a new React project — with a framework, from scratch, or by adding React to an existing app.
Training Program
Learn React from the ground up with our focused curriculum covering components, hooks, state management, and modern React patterns.
Set up a new React project — with a framework, from scratch, or by adding React to an existing app.
Configure your React workflow: editor setup, TypeScript and the React Developer Tools.
Learn the React Compiler: how it optimizes your app, how to adopt it incrementally, and how to debug it.
Describe UIs with React: components, JSX, props, conditional rendering, lists and keeping components pure.
Add interactivity in React: handling events, state as a snapshot, and updating objects and arrays in state.
Structure and share React state: lifting state up, context, reducers and resetting state.
Step outside React with refs and effects — synchronizing with external systems and extracting custom hooks.
Get started with React Router and choose the mode that best fits your application.
Use React Router in framework mode: routing, route modules, data loading, actions, rendering strategies and deployment.
Use React Router in data mode: route objects, data loading, actions, pending UI and testing.
Use React Router declaratively: routing, navigation and reading URL values.
Practical React Router recipes: error boundaries, fetchers, file uploads, pre-rendering, middleware and more.
Understand how React Router works: code splitting, progressive enhancement, race conditions, sessions and type safety.
Upgrade React Router with future flags and migration paths from v6 and Remix.
Get started with Redux Toolkit: core concepts, installation and the modern way to use Redux today.
Learn Redux through guided tutorials — Redux Essentials, Fundamentals and RTK Query, from basics to advanced patterns.
Apply Redux in practice: store configuration, TypeScript, testing, reducer structure, selectors, thunks and middleware.
Understand Redux deeply: its motivation, three principles, style guide and Redux Toolkit overview.
Get started with Zustand, a minimal state manager, and see how it compares to the alternatives.
Master Zustand fundamentals: updating state, the slices pattern, immutable updates, and using Map and Set.
Optimize Zustand rendering with useShallow, URL-connected state and render-safe patterns.
Use Zustand with TypeScript — from beginner typing to advanced patterns and auto-generated selectors.
Use Zustand with frameworks: Next.js setup, SSR and hydration, and initializing state from props.
Test Zustand stores and keep them maintainable — resetting state and Flux-inspired patterns.
Migrate Zustand to v5 and from older versions, including the context API.