Frontend line

React

Components, hooks, state management, performance

12 sections

Start: Fundamentals

Foundational 1

  1. FundamentalsReact fundamentals: components are functions that return JSX, props flow down, state is component-owned and updated via setters, and effects handle data fetching and subscriptions. Master controlled inputs, stable list keys, and lifting…, not read

Mid-level 8

  1. ContextMaster React Context API for efficient state sharing and avoiding prop drilling., not read
  2. Core ConceptsGrounded in modern React with function components, hooks, and data-fetching patterns. Start after solid JS/TS fundamentals., not read
  3. Design PatternsPatterns in React are mostly about composition (building features by combining small components) rather than inheritance., not read
  4. HooksMaster React Hooks from basics to advanced patterns for senior-level interviews., not read
  5. PerformanceReact performance is mostly about not re-rendering or re-shipping work you didn't have to: React.memo to skip unchanged subtrees, useMemo/useCallback to keep prop references stable, lazy + Suspense to code-split heavy routes, and…, not read
  6. RoutingReact Router turns the URL into application state: BrowserRouter wraps the app, Routes/Route declare which component renders at each path, and useParams/useNavigate read params and trigger navigation imperatively. Nail dynamic segments…, not read
  7. State ManagementComprehensive guide to state management patterns in React applications., not read
  8. TestingReact Testing Library tests components the way a user interacts with them: query by role and label, simulate input with userEvent, and assert on rendered output rather than internal state. Pair it with findBy* and MSW-style request…, not read

Senior 3

  1. ArchitectureScalable React apps require intentional decisions about component design, folder structure, state management, data-fetching boundaries, and modular patterns. This guide covers the architectural principles that distinguish…, not read
  2. React 19React 19 brings major improvements focusing on:, not read
  3. React Code StandardsA team's React/TypeScript coding standard covering naming conventions, function and file size limits, component structure order, forms and tables patterns, Redux and TanStack Query usage, error handling, and Playwright testing. It…, not read