Skip to content
ExponaBLOG
Series · Day 100 of 100

React & Next.js

  1. 51
    useFormStatus: React & Next.js best practices explained
    Pending state for any submit button inside a form.
  2. 52
    The React Compiler: a React & Next.js guide for developers
    Automatic memoization — what changes for you.
  3. 53
    ref is just a prop in React 19: best practices explained
    No more forwardRef boilerplate.
  4. 54
    Tailwind CSS patterns that scale: lessons from production
    Utility CSS in large codebases without chaos.
  5. 55
    The cn() helper: React & Next.js lessons from production
    Merge Tailwind classes without conflicts.
  6. 56
    Building a component library: what developers should know
    Variants, accessibility and consistency.
  7. 57
    Use accessible primitives for React & Next.js developers
    Do not hand-roll dropdowns and modals.
  8. 58
    Accessibility essentials for React devs, explained simply
    Most issues come from a few habits.
  9. 59
    Focus management in modals: patterns, pitfalls and fixes
    Where focus goes says a lot about your UX.
  10. 60
    Error boundaries in React for React & Next.js developers
    A crash in one widget should not blank the page.
  11. 61
    Log frontend errors in production: a step-by-step guide
    Users do not report bugs. They leave.
  12. 62
    Testing React the right way: what developers should know
    Test what users see and do.
  13. 63
    Testing custom hooks: a practical React & Next.js guide
    renderHook makes hook logic easy to verify.
  14. 64
    End-to-end tests with Playwright: lessons from production
    Confidence that the whole flow works.
  15. 65
    Mock APIs with MSW: a React & Next.js guide for developers
    One mocking layer for tests, Storybook and local dev.
  16. 66
    Folder structure for large Next.js apps, explained simply
    A structure that survives 200+ components.
  17. 67
    Barrel files can hurt: a practical React & Next.js guide
    index.ts re-exports look tidy but cost you.
  18. 68
    Internationalization in Next.js: lessons from production
    Multi-language sites with the App Router.
  19. 69
    Dates and time zones in the UI: best practices explained
    Store UTC, display local, test both.
  20. 70
    Charts that perform: a practical React & Next.js guide
    Lessons from building trading platform charts with Highcharts.
  21. 71
    Real-time UI updates in React: best practices explained
    Live data without janky renders.
  22. 72
    Building a real-time order ticket: a step-by-step guide
    What a trading order form taught me about complex React UIs.
  23. 73
    Throttle high-frequency updates: lessons from production
    Hundreds of WebSocket messages per second — render a few.
  24. 74
    SVG in React for custom visuals: lessons from production
    When a chart library cannot do what you need.
  25. 75
    Canvas vs SVG: React & Next.js best practices explained
    Choose by element count and interaction needs.
  26. 76
    Adding React to a legacy AngularJS app, explained simply
    How we modernized a legacy UI without a rewrite.
  27. 77
    Incremental migration beats rewrites in React & Next.js
    Every rewrite I have seen took twice as long as planned.
  28. 78
    E-commerce frontend lessons: what developers should know
    From a full storefront revamp.
  29. 79
    SEO for product listing pages: best practices explained
    Filters can create millions of URLs. Control them.
  30. 80
    Deploying Next.js: a React & Next.js guide for developers
    Vercel, Docker or a VM — the trade-offs.
  31. 81
    Standalone output for Docker: what developers should know
    Ship a small Next.js image.
  32. 82
    Environment variables in Next.js: lessons from production
    Build time, runtime, server and client.
  33. 83
    NEXT_PUBLIC_ means public for React & Next.js developers
    Anything with that prefix is visible to every visitor.
  34. 84
    Security in React apps: a practical guide for developers
    React prevents a lot of XSS — not all of it.
  35. 85
    Sanitize CMS HTML before rendering: a step-by-step guide
    Rich text from editors like CKEditor needs sanitizing.
  36. 86
    Rendering CKEditor content in Next.js in React & Next.js
    Turn editor HTML into fast, styled, SEO-friendly pages.
  37. 87
    Headless CMS with Next.js for React & Next.js developers
    Lessons from building on Contentful.
  38. 88
    Personalization without slow pages: a step-by-step guide
    What I learned building personalization on a headless CMS.
  39. 89
    A/B testing without layout shift: lessons from production
    Flicker kills both UX and experiment validity.
  40. 90
    React Native for React developers: a step-by-step guide
    What transfers and what does not.
  41. 91
    Sharing code between web and mobile: a step-by-step guide
    Share logic, not UI — at least at first.
  42. 92
    TypeScript patterns for React props: a step-by-step guide
    Types that make components easier to use.
  43. 93
    Generic components in TypeScript: lessons from production
    A Table<T> that knows your row type.
  44. 94
    My React code review checklist: best practices explained
    What I check in every frontend PR.
  45. 95
    Common React anti-patterns: patterns, pitfalls and fixes
    Patterns I refactor most often.
  46. 96
    Migrating Pages Router to App Router in React & Next.js
    An incremental path that works.
  47. 97
    Upgrading Next.js safely: a hands-on guide for engineers
    Major versions change defaults. Read before you upgrade.
  48. 98
    My Next.js starter: a React & Next.js guide for developers
    What I set up before the first feature.
  49. 99
    Advice for frontend developers leveling up: a deep dive
    What separates mid-level from senior frontend work.
  50. 100
    100 days of React and Next.js: lessons, explained simply
    Wrapping up the series.