Module 1: What is React?

Set up your project and render your first "Hello, World!" element.

Module 2: Understanding JSX

Dive deep into JSX, the syntax that lets you write HTML in JavaScript.

Module 3: Functional Components

Learn to build reusable UI blocks by creating your first components.

Module 4: Props

Discover how to pass data from parent components to child components.

Module 5: State & useState

Give your components memory and make them interactive with the useState hook.

Module 6: Rendering Lists

Learn how to dynamically render lists of data from an array using `.map()`.

Module 7: Handling Events

Make your app respond to user actions like clicks and form submissions.

Module 8: Updating State

Master the core logic of updating and deleting items from your state.

Module 9: Forms & Inputs

Build a controlled form to capture user input and add new items to your list.

Module 10: useEffect & localStorage

Learn to use "side effects" to save your data so it persists after a refresh.