trainReact.com

Practice React coding right in your browser.

Perfect for beginners and experienced developers looking to improve on React, and common React Packages.

Example of challenge Use the useRef hook to control video playback
Component Patterns - React Modal Functionality

Component Patterns - React Modal Functionality

Hooks - Input With Auto Focus

Hooks - Input With Auto Focus

State Management - Todo List

State Management - Todo List

State Management - Character Counter for Text Input and Limit value

State Management - Character Counter for Text Input and Limit value

Hooks - Input Focus on Button Click

Hooks - Input Focus on Button Click

Performance - Fix Unnecessary Re-renders in Component

Performance - Fix Unnecessary Re-renders in Component

State Management - Implement a Counter

State Management - Implement a Counter

Component Patterns - Collapsible Section Component

Component Patterns - Collapsible Section Component

Performance - Fix Unnecessary Re-renders in Component

Performance - Fix Unnecessary Re-renders in Component

Hooks - Input Focus on Button Click

Hooks - Input Focus on Button Click

Hooks - Input With Auto Focus

Hooks - Input With Auto Focus

State Management - Todo List

State Management - Todo List

State Management - Character Counter for Text Input and Limit value

State Management - Character Counter for Text Input and Limit value

Hooks - Input Focus on Button Click

Hooks - Input Focus on Button Click

Performance - Fix Unnecessary Re-renders in Component

Performance - Fix Unnecessary Re-renders in Component

Code Challenges

Real-world React problems in Sandpack environment

React Patterns

Master essential concepts through hands-on practice

Live Preview & Tests

Instant feedback with real-time previews and tests

Leaderboard

Compete and track your progress among peers

Save Progress

Bookmark challenges for easy future access

Curate Favorites

Like and create your personalized learning path

Popular Packages

Learn to use common React libraries and tools

Skill Advancement

Progress from basics to advanced React concepts