Skip to content
ExponaBLOG
Series · Day 100 of 100

React & Next.js

  1. 01
    Why React and Next.js are still my frontend default
    After building e-commerce, trading and CRM frontends, this is why I keep choosing them.
  2. 02
    Thinking in React: a React & Next.js guide for developers
    The mental model that makes every other React concept easier.
  3. 03
    Composition over configuration: best practices explained
    A component with 20 boolean props is a smell.
  4. 04
    useState pitfalls: a React & Next.js guide for developers
    Small mistakes that cause real bugs.
  5. 05
    Derived state: don't store what you can compute explained
    The most common source of out-of-sync UI.
  6. 06
    You might not need useEffect: what developers should know
    Most effects in code reviews should not exist.
  7. 07
    Clean up your effects: a practical React & Next.js guide
    Every subscription you open is one you must close.
  8. 08
    useMemo and useCallback, honestly: a step-by-step guide
    Memoization is a performance tool, not a habit.
  9. 09
    When React.memo is worth it: what developers should know
    Skip re-renders only where they actually hurt.
  10. 10
    Custom hooks that make code clean: a step-by-step guide
    Extract logic, not markup.
  11. 11
    A useDebounce hook: a React & Next.js guide for developers
    Search-as-you-type without hammering your API.
  12. 12
    Context API, the right way: patterns, pitfalls and fixes
    Context is dependency injection for React — not a state manager.
  13. 13
    Prop drilling is not always bad: lessons from production
    Passing props two levels down is fine.
  14. 14
    State management in 2026: a hands-on guide for engineers
    There is no single state. There are four kinds.
  15. 15
    The URL is state: a React & Next.js guide for developers
    Filters, tabs and pagination belong in search params.
  16. 16
    Modern Redux Toolkit: a practical React & Next.js guide
    Redux without the boilerplate people remember.
  17. 17
    RTK Query vs TanStack Query: what developers should know
    Both are excellent. Choose based on your stack.
  18. 18
    TanStack Query essentials for React & Next.js developers
    Server state handled properly.
  19. 19
    Optimistic updates: a React & Next.js guide for developers
    Update the UI before the server confirms.
  20. 20
    Forms with React Hook Form and Zod: a step-by-step guide
    Fast, typed, validated forms.
  21. 21
    Controlled vs uncontrolled inputs: a step-by-step guide
    Know which one you are using and why.
  22. 22
    The App Router mental model: what developers should know
    Folders are routes. Files are UI roles.
  23. 23
    Server Components vs Client Components, explained simply
    The most important decision in the App Router.
  24. 24
    Where to put 'use client' for React & Next.js developers
    Draw the boundary as low as you can.
  25. 25
    Keep server code on the server: best practices explained
    Prevent secrets from leaking into client bundles.
  26. 26
    Data fetching in the App Router: lessons from production
    Fetch where you render.
  27. 27
    Caching in modern Next.js for React & Next.js developers
    Next.js 15 flipped the defaults. Know them.
  28. 28
    Server Actions: React & Next.js best practices explained
    Mutations without writing API routes.
  29. 29
    Server Actions are public endpoints: a step-by-step guide
    Treat every action like an API route.
  30. 30
    Route Handlers in Next.js for React & Next.js developers
    API endpoints inside your Next.js app.
  31. 31
    Middleware is now proxy: real-world lessons and examples
    Next.js 16 renamed middleware.ts to proxy.ts.
  32. 32
    Authentication in Next.js for React & Next.js developers
    Patterns that work with Server Components.
  33. 33
    Protecting routes in the App Router: a step-by-step guide
    Defense in depth beats one redirect.
  34. 34
    Streaming with Suspense: real-world lessons and examples
    Show the page instantly and stream slow parts in.
  35. 35
    loading.tsx: concepts, trade-offs and production lessons
    Instant loading states per route segment.
  36. 36
    Error handling in the App Router: lessons from production
    Errors should break a widget, not the whole app.
  37. 37
    notFound() and redirect() for React & Next.js developers
    Control flow helpers for Server Components.
  38. 38
    Rendering strategies in Next.js: lessons from production
    Static, dynamic, revalidated or partial — per route.
  39. 39
    generateStaticParams: a practical React & Next.js guide
    Pre-render dynamic routes at build time.
  40. 40
    SEO with the Metadata API for React & Next.js developers
    Everything search engines need, typed.
  41. 41
    Dynamic OG images in Next.js: what developers should know
    Generate social cards from code.
  42. 42
    next/image, properly: a practical React & Next.js guide
    Responsive, lazy and optimized images.
  43. 43
    Fonts without layout shift using next/font: a deep dive
    Fonts without layout shift or extra requests.
  44. 44
    Core Web Vitals in Next.js: patterns, pitfalls and fixes
    The three metrics and the fixes that move them.
  45. 45
    Analyze your bundle: a practical React & Next.js guide
    You cannot shrink what you cannot see.
  46. 46
    Code splitting with dynamic imports: a step-by-step guide
    Load heavy components only when needed.
  47. 47
    Third-party scripts with next/script in React & Next.js
    Analytics should not slow your site.
  48. 48
    Rendering long lists fast for React & Next.js developers
    10,000 rows without freezing the browser.
  49. 49
    Keys in lists, explained: a hands-on guide for engineers
    Keys tell React which item is which.
  50. 50
    React 19 features I use: real-world lessons and examples
    The upgrades that changed my day-to-day code.