Welcome
React Guide
A comprehensive guide with ten detailed examples to help you get started quickly and confidently.
Get Started →Browse Examples
Example 1
Large data table — search, sort, pagination, useDeferredValue & useMemo.
Example 2
Custom useFetch hook — AbortController, useReducer, cache & race conditions.
Example 3
Compound Tabs — Context API, no prop drilling, ARIA & keyboard nav.
Example 4
Countdown timer + typewriter — useRef, stale closures, effect cleanup.
Example 5
Recursive file tree — clean recursion, per-node state, memo & stable keys.
Example 6
Data polling — live table, visibility pause, silent refresh & cleanup.
Example 7
Todo list — useCallback + memo combo, stable refs, when NOT to use either.
Example 8
Redux Toolkit cart — createSlice, Immer mutations, useSelector & useDispatch.
Example 9
Context API cart — useReducer, split context pattern, custom hooks vs Redux.
Example 10
Server-Sent Events — EventSource, named events, useRef handle, useEffect cleanup.