Frontend with React
13 modules.
⚛️ Components, JSX and stateThe foundation of React: components that return JSX, props to pass them data and state with useState. 📋 Lists and conditional renderingRender collections with .map() and the key prop, decide what to paint with conditionals, and group elements w… 📱 Mini-project: your team on screenThird checkpoint of your app: the team logic you wrote in JavaScript finally gets a face. With React you pain… 🖱️ Events and formsResponding to user interaction: event handlers, controlled inputs, and forms with onSubmit. 🧩 Composition: children and slotsCompose interfaces by combining components: props.children for arbitrary content, slots via props, and the co… 🔄 useEffect, useRef and effectsSide effects with useEffect (deps and cleanup), the data fetching pattern, and useRef for the DOM and mutable… 🗂️ useReducer and ContextManage complex state with useReducer, share data between components with the Context API, and learn to lift s… ⚡ Custom hooks and performanceExtract reusable logic into custom hooks and learn to reason about performance: React.memo, useMemo, useCallb… 🚀 Modern React: Suspense, lazy, Portals and concurrencyLazy loading with React.lazy and Suspense, rendering outside the tree with Portals, imperative refs with forw… 🗄️ Data and global stateModern data fetching with TanStack Query and SWR, global state with Zustand and Redux Toolkit, and the 'You M… 🎓 Professional React: TypeScript, SSR, and accessibilityTake your React to the professional level: typing components with TypeScript, understanding server rendering… 🧪 Routing, testing and patternsNavigation between views with React Router (conceptual), component testing with the philosophy of testing lik… 🏆 Capstone: a tasks app in ReactThe track's final project: build a mini tasks app piece by piece, integrating components, props, lists, state…Frontend with React
DevPath is a hands-on course: you read the theory here; in the app you put it into practice with exercises that really run, offline.
Start free in the app →