ProgramGuru

React

Build React interfaces. One idea at a time.

Use school examples to build components, handle events, manage state and load data. Then learn to test, organize and ship a React application.

Choose your starting point

New to React? Start with Foundations. You can switch anytime.

Foundations

Start learning →

Read the lessons without an account. Run the examples in your own React project. Your course progress stays on this device.

Mallikarjuna Mallisetty, author
About the author

Mallikarjuna Mallisetty

General programming

Mallikarjuna shares practical programming tutorials and foundational concepts designed to help developers learn by building and experimenting.

View LinkedIn profile ↗

Your learning path

All lessons

53 lessons118 code examples63 quiz questions

Your progress is saved on this device.

Estimated time includes reading, exploring code and answering quizzes. Learn at your own pace.

Start with React

4 lessons · 28 min
  1. What Is React?2code examples1quiz questions7minutes estimated learning time
  2. JavaScript for React2code examples1quiz questions7minutes estimated learning time
  3. Set Up React3code examples1quiz questions8minutes estimated learning time
  4. First Component2code examples1quiz questions6minutes estimated learning time

Describe the Interface

5 lessons · 32 min
  1. JSX2code examples1quiz questions7minutes estimated learning time
  2. Component Styling2code examples1quiz questions6minutes estimated learning time
  3. Props2code examples1quiz questions6minutes estimated learning time
  4. Children and Slots2code examples1quiz questions7minutes estimated learning time
  5. Conditional Rendering2code examples1quiz questions6minutes estimated learning time

Build Reusable Components

3 lessons · 19 min
  1. Lists and Keys2code examples1quiz questions7minutes estimated learning time
  2. Composition2code examples1quiz questions6minutes estimated learning time
  3. Pure Components2code examples1quiz questions6minutes estimated learning time

Respond with Events and State

6 lessons · 39 min
  1. Events2code examples1quiz questions6minutes estimated learning time
  2. useState2code examples1quiz questions6minutes estimated learning time
  3. State Snapshots2code examples1quiz questions7minutes estimated learning time
  4. Queued Updates2code examples1quiz questions7minutes estimated learning time
  5. Object Updates2code examples1quiz questions6minutes estimated learning time
  6. Array Updates2code examples1quiz questions7minutes estimated learning time

Organize State

4 lessons · 28 min
  1. Shared State2code examples1quiz questions7minutes estimated learning time
  2. State Structure2code examples1quiz questions7minutes estimated learning time
  3. State Identity2code examples1quiz questions7minutes estimated learning time
  4. useReducer2code examples1quiz questions7minutes estimated learning time

Build Forms

4 lessons · 28 min
  1. Controlled Inputs2code examples1quiz questions7minutes estimated learning time
  2. Checkboxes and Selects2code examples1quiz questions7minutes estimated learning time
  3. Form Validation2code examples1quiz questions7minutes estimated learning time
  4. Submitting Forms2code examples1quiz questions7minutes estimated learning time

Hooks, Refs and Effects

6 lessons · 42 min
  1. Hook Rules2code examples1quiz questions7minutes estimated learning time
  2. useRef2code examples1quiz questions7minutes estimated learning time
  3. DOM Refs2code examples1quiz questions7minutes estimated learning time
  4. useEffect2code examples1quiz questions7minutes estimated learning time
  5. Effect Dependencies2code examples1quiz questions7minutes estimated learning time
  6. Effect Cleanup2code examples1quiz questions7minutes estimated learning time

Load Data and Reuse Logic

4 lessons · 28 min
  1. Fetching Data2code examples1quiz questions7minutes estimated learning time
  2. Stale Responses2code examples1quiz questions7minutes estimated learning time
  3. Custom Hooks2code examples1quiz questions7minutes estimated learning time
  4. Data Layers2code examples1quiz questions7minutes estimated learning time

Structure an Application

5 lessons · 44 min
  1. Routing3code examples2quiz questions9minutes estimated learning time
  2. URL Data3code examples2quiz questions9minutes estimated learning time
  3. Context2code examples2quiz questions8minutes estimated learning time
  4. Project Organization3code examples2quiz questions9minutes estimated learning time
  5. TypeScript3code examples2quiz questions9minutes estimated learning time

Build Robust Interfaces

5 lessons · 41 min
  1. Accessibility2code examples2quiz questions8minutes estimated learning time
  2. Errors and Suspense3code examples2quiz questions9minutes estimated learning time
  3. Portals2code examples2quiz questions8minutes estimated learning time
  4. Performance2code examples2quiz questions8minutes estimated learning time
  5. Transitions2code examples2quiz questions8minutes estimated learning time

Modern React

3 lessons · 23 min
  1. useActionState2code examples1quiz questions7minutes estimated learning time
  2. useOptimistic2code examples1quiz questions7minutes estimated learning time
  3. Server and Client Components4code examples1quiz questions9minutes estimated learning time

Test and Ship

4 lessons · 32 min
  1. Component Tests5code examples1quiz questions10minutes estimated learning time
  2. Debugging2code examples1quiz questions7minutes estimated learning time
  3. Build and Deploy3code examples1quiz questions8minutes estimated learning time
  4. Student Directory Project2code examples1quiz questions7minutes estimated learning time