React from basics to state
A progressive path in 8 lessons. Each lesson points to editable examples and ready snippets.
1Components and JSX
Functions that return UI, JSX, a Vite tree, and the HTML that mounts React.2Props
Pass data from parent to child with props.3State with useState
Local component memory that triggers re-renders.4Effects with useEffect
Sync with the outside world after render.5Lists and keys
Render arrays with map and stable keys.6React Query: fetching and cache
Fetch remote data with cache and loading states.7Mutations with React Query
Create/update data and invalidate the cache.8Zustand: global state
Minimal store without boilerplate for shared state.
Functions that return UI, JSX, a Vite tree, and the HTML that mounts React.2Props
Pass data from parent to child with props.3State with useState
Local component memory that triggers re-renders.4Effects with useEffect
Sync with the outside world after render.5Lists and keys
Render arrays with map and stable keys.6React Query: fetching and cache
Fetch remote data with cache and loading states.7Mutations with React Query
Create/update data and invalidate the cache.8Zustand: global state
Minimal store without boilerplate for shared state.