Re

React

intermediate

A JavaScript library for building user interfaces.

React is a declarative, component-based library for building UIs. Created by Facebook in 2013, it changed how developers think about web interfaces — from "mutate the DOM" to "describe what you want and let React figure it out." Now the most widely-used frontend library in the world.

Web UIsSingle-Page AppsMobile (React Native)Desktop (Electron)Static Sites (Next.js)
0%
0/8 lessons

Setup

The fastest way to start is with Vite (recommended) or Create React App. You need Node.js installed first.

Bash
# Using Vite (recommended):
npm create vite@latest my-app -- --template react
cd my-app
npm install
npm run dev

# Or with TypeScript:
npm create vite@latest my-app -- --template react-ts

Lessons

1
Hello, React!
React turns your app into a tree of components. Each component is a function tha…
→
2
Props & Composition
Props are how data flows in React — from parent to child, as function arguments.…
→
3
State & useState
State is a component's memory. Unlike props (which come from outside), state liv…
→
4
useEffect & Side Effects
`useEffect` is where you handle things that happen outside the React render cycl…
→
5
Custom Hooks
Custom hooks are functions that start with `use` and call other hooks. They let …
→
6
Context & State Management
Context lets you share data across a component tree without passing props throug…
→
7
Mini Project: Weather Dashboard
Let's build a weather dashboard that uses everything we've learned: components, …
→
8
React Cheatsheet
Components, hooks, and patterns on one page.
→