Himanshu SharmaSoftware engineer
Let’s talk

Beginner to intermediate · 38 lessons

React for beginners

A free React 19 course from your first component to state, hooks, forms, data fetching, routing, testing and deployment. Short lessons with live editors, verified output, quizzes, a task manager project and an exam with a certificate.

Syllabus

Getting started

  1. What React is and why people use it12 min
  2. The JavaScript you need for React18 min
  3. Create a React app with Vite15 min
  4. What is inside a Vite React project12 min
  5. JSX: HTML-like syntax in JavaScript18 min

Components and props

  1. Your first component12 min
  2. Composing components12 min
  3. Props: passing data to components18 min
  4. The children prop and prop patterns15 min
  5. Conditional rendering14 min
  6. Rendering lists and keys16 min
  7. Keeping components pure14 min

State and events

  1. Handling events15 min
  2. State with useState18 min
  3. State updates, snapshots and batching18 min
  4. Objects and arrays in state20 min
  5. Choosing a good state structure16 min
  6. Lifting state up16 min

Forms

  1. Controlled inputs18 min
  2. Forms and validation20 min
  3. Refs and uncontrolled inputs18 min

Effects and data

  1. Effects with useEffect18 min
  2. Effect dependencies and cleanup20 min
  3. Fetching data22 min
  4. You might not need an effect18 min
  5. Custom hooks20 min

Sharing state and performance

  1. State logic with useReducer20 min
  2. Sharing data with context20 min
  3. useMemo, useCallback and memo20 min
  4. React 19: actions, useActionState and use24 min

Building an app

  1. Routing with React Router22 min
  2. Styling React apps18 min
  3. Error boundaries, Suspense and lazy loading20 min
  4. Accessibility in React20 min

Quality and shipping

  1. StrictMode and debugging18 min
  2. Testing components with Vitest25 min
  3. Building and deploying20 min
  4. Project: a task manager45 min