Build real components in a live preview, graded on what they actually render. Short exercises, real projects, and an AI tutor that reads your code.
React took over frontend development by asking one question: what if your UI was just a function of your data? Instead of manually poking at the page, you describe what the interface should look like for a given state - and React keeps reality in sync.
That idea - components, props, state - is now the shared grammar of modern frontend work, whatever framework a team happens to use. Learn it properly once and every UI codebase starts to look familiar.
In deliberately small pieces. React tutorials love to build one enormous app over hours of video; the trouble is you leave having watched React, not written it. Devpuff gives you focused exercises - build this component, lift this state, fix this stale render - with automated checks on each and Puff on call when a hook behaves mysteriously.
React Essentials teaches components, props, state, lists, and events. Advanced React builds on that work with reducers, context, effects, and custom hooks. The React Developer program then adds component patterns, TypeScript, routing, shared state, server data, and forms.
React is the payoff stage of the Frontend Development program and the heart of the dedicated React Developer program. Either way, you arrive with projects you actually built - and a certificate whose verification link shows how you earned it.
Start React with JavaScript functions, arrays, objects, and basic HTML. Devpuff's React Developer program begins with JavaScript Basics and builds toward React. HTML Basics covers the markup you will use in components.
React teaches you to build interfaces from components and keep them in sync with data. Those skills are useful when working on React applications. A career also calls for testing, accessibility, collaboration, and projects you can explain.
Almost everyone stumbles on the same two things - thinking in components, and understanding when state changes re-render what. Devpuff's exercises target exactly those mental models with small, focused reps rather than one giant tutorial app.
Free to start, no credit card required. Write real code from your first lesson and keep your progress forever.
Start Learning FreeYes. Function components and hooks throughout, matching how React is actually written today. You'll build with useState and useEffect patterns, not legacy class components.
Go past useState: refs, reducers, context, effects, data fetching, and your own custom hooks.