React Mastery
Complete Reference Guide
Every concept from JSX to Concurrent Mode, explained with interactive demos, code examples, and curated resources. Built with TypeScript + Tailwind.
Technology Stack
Learning Modules
React Basics
JSX · Components · Props · State · Events · Lists · Conditional Rendering
React Hooks
useState · useEffect · useRef · useMemo · useCallback · useReducer · Custom Hooks
Context & useReducer
React Context · useContext · useReducer · Context + Reducer pattern
Redux Toolkit
configureStore · createSlice · createAsyncThunk · RTK Query · createSelector
Zustand
Simple store · Persist · Immer · subscribeWithSelector · Slice pattern
TanStack Query
useQuery · useMutation · Infinite Query · Prefetching · Optimistic Updates
Next.js
App Router · Server Components · SSR · SSG · ISR · Route Handlers · Middleware
Design Patterns
HOC · Render Props · Compound Components · Observer · Builder · Factory
Performance
React.memo · useMemo · useCallback · Virtualization · Code Splitting · Profiler
Staff Level
Concurrent Mode · Suspense · Error Boundaries · Portals · Server Actions · Testing
React Hook Form + Zod
useForm · zodResolver · useFieldArray · Multi-step Wizard · Server Errors
React 19 Features
useOptimistic · useFormStatus · useActionState · use() · ref as prop
Framer Motion
motion · AnimatePresence · Variants · layout · layoutId · Gestures
React Internals
Diffing Algorithm · Fiber · Reconciliation · Keys · Rendering Lanes · useTransition · useDeferredValue
Testing React Apps
Jest · React Testing Library · Vitest · MSW · Playwright · Accessibility Testing