A personal reference app for React topics covered in John Smilga's React Course. Written in clear, simple English — designed to be a go-to guide for how to use React concepts in practice.
- 11 categories, 39 topic pages
- Sidebar navigation with search/filter
- Syntax-highlighted code blocks with copy button
- Tip, warning, and info callout boxes
- Quick reference cheat-sheet on every page
- Mobile responsive
| Category | Topics |
|---|---|
| Fundamentals | JSX, Components, Props, Lists & Keys, Events, Imports & Exports, Styling |
| Hooks | useState, useEffect, useRef, useReducer, useContext, useCallback, useMemo, useTransition, Custom Hooks |
| Forms | Controlled Inputs, Multiple Inputs, FormData API, Other Inputs |
| Conditional Rendering | Multiple Returns, Short Circuit, Ternary Operator |
| Performance | React.memo, Suspense & Lazy, Lower State |
| React Router | Router Setup, Nested Routes, Route Loaders, Form Actions, Query Params |
| HTTP & Data Fetching | Axios Basics, Axios Advanced, React Query |
| State Management | Context API, Redux Toolkit |
| Styling | CSS in React, Styled Components, Tailwind CSS |
| TypeScript | TypeScript Basics, TypeScript + React |
| Next.js | Fundamentals, Routing & Layouts, Server Components, Server Actions, Data Fetching |
npm install
npm run dev- React 19 + Vite
- React Router DOM
- react-syntax-highlighter