You are here because you want to learn React. React is being used everyday and and is currently used by 60M websites. On learning a new tech, we want to start with why it was created and then down to the basics.

Who is this Guide for?

This React Guide is for complete beginners who have no or little React experience.

Overview

Why was React created?

What does it solve?

Basics

Lifecycle Methods

Virtual DOM

React Hooks

Study Plan

Week 1

Day 1: Introduction to React and Vite

Day 2: Creating and Exporting Functional Components

Day 3: Passing Data Through Props

Day 4: Understanding useState Hook

Day 5: Lifting State Up and Conditional Rendering

Week 2

Day 1: Working with the useEffect Hook

Day 2: Mimicking Component Lifecycle Methods with useEffect

Day 3: Working with React Context

Day 4: Bonus Content: When to Use React Context API

Day 5: How to use useReducer