Skip to content
NDLab Blog
Sign in
Part 7 — Routing, Hooks, and Build Optimizations (Vite/Webpack)
Completed 6 episodes ~ 19 min total read

Part 7 — Routing, Hooks, and Build Optimizations (Vite/Webpack)

Start series
Share Episodes About

Episodes

6 items • ~19 min
  1. 1

    Part 7.1 — Routing Fundamentals with React Router

    New

    Routing is the skeleton of your application. This post teaches you how to design clean, scalable routes with React Router—without turning navigation into spaghetti.

    Published Jan 30, 2026 • 4 min read
  2. 2

    Part 7.2 — Advanced Routing Patterns: Protected Routes & URL State

    New

    Routing becomes powerful when URLs express intent. This post shows how to protect routes, manage auth flows, and encode UI state in the URL—without hacks.

    Published Jan 30, 2026 • 3 min read
  3. 3

    Part 7.3 — Custom Hooks as Architecture: Patterns & Pitfalls

    New

    Custom hooks aren’t just helpers. Used well, they define architectural seams in your React app. Used poorly, they hide complexity and make refactoring painful.

    Published Jan 30, 2026 • 3 min read
  4. 4

    Part 7.4 — Performance Hooks: useMemo, useCallback & useDeferredValue

    New

    Performance hooks are scalpels, not band-aids. This post teaches you how to use them intentionally—only where they solve real problems.

    Published Jan 30, 2026 • 3 min read
  5. 5

    Part 7.5 — Build Optimization with Vite: Code Splitting & Env Handling

    New

    Vite makes development fast by default. This post shows how to make production builds just as intentional—lean bundles, predictable envs, and code that ships only when needed.

    Published Jan 30, 2026 • 3 min read
  6. 6

    Part 7.6 — Production Builds, Webpack Comparisons & Debugging

    New

    Development hides problems. Production reveals them. This post shows how to reason about production builds, debug failures, and understand when build tooling actually matters.

    Published Jan 30, 2026 • 3 min read