Scriptly

React

React for Beginners — Complete Free Tutorial

Learn React from zero with 20 original, hands-on chapters: components, JSX, props, state, hooks, effects, context, routing, memoization and deployment. Every chapter includes clean code examples, expected output, common mistakes and a practice checklist.

This complete React course takes you from your first component to a deployed single-page application. Each chapter is written for absolute beginners who know HTML, CSS and JavaScript already: plain-language explanations, copy-paste code examples with expected output, real-world patterns like data fetching and shared state, and internal links to related chapters. Follow the chapters in order or jump to any topic — by the end you will be able to build interactive, data-driven interfaces with components, understand what every library does under the hood, and keep re-renders fast and predictable.

Chapters

  1. 1. Introduction to React Read →
  2. 2. Setting Up React with Vite Read →
  3. 3. Your First Component Read →
  4. 4. JSX Explained Read →
  5. 5. Props: Passing Data Between Components Read →
  6. 6. State with useState Read →
  7. 7. Handling Events in React Read →
  8. 8. Conditional Rendering Read →
  9. 9. Rendering Lists and Keys Read →
  10. 10. Forms and Controlled Components Read →
  11. 11. Sharing State by Lifting It Up Read →
  12. 12. Effects with useEffect Read →
  13. 13. Fetching Data from an API Read →
  14. 14. Component Composition and Children Read →
  15. 15. Managing Global State with Context Read →
  16. 16. Routing with React Router Read →
  17. 17. Styling React Applications Read →
  18. 18. Memoizing with useMemo and useCallback Read →
  19. 19. Building Your Own Hooks Read →
  20. 20. Error Boundaries and Deployment Read →