⚛️
React Tutorial
42 topics · Free · Certificate on completion
Learn to build modern, interactive user interfaces with React.
Your learning path
Start with component composition, props, and state, then examine effects and shared data. Treat rendering as a description of the interface at a particular state.
Put the lessons into practice
Build a small filterable list. Decide which values belong in state and which can be derived, then inspect keys, event handling, and unnecessary effects.
What you'll learn
01.React Introduction02.Setup with Vite03.JSX04.Components05.Props06.State07.Handling Events08.Conditional Rendering09.Lists and Keys10.Forms11.Controlled Inputs12.useState Hook13.useEffect Hook14.useRef Hook15.useContext Hook16.useReducer Hook17.useMemo Hook18.useCallback Hook19.Custom Hooks20.Rules of Hooks21.Lifting State Up22.Composition23.Fragments24.Styling Options25.CSS Modules26.Class vs Function Components27.Error Boundaries28.Portals29.Routing Basics30.Data Fetching31.Loading and Error States32.Performance Optimization33.React.memo34.Code Splitting & Lazy Loading35.Testing Basics36.Deployment37.Best Practices38.Keys vs Index Pitfalls39.React Strict Mode40.PropTypes & TypeScript41.Project Structure & Folders42.Suspense for Data Fetching