Blog
Context API vs Redux
Context and Redux both share state across a React app, but they solve different problems. Here's a practical way to choose, grounded in how each one actually re-renders consumers.
5 common TypeScript interview questions
The TypeScript questions that come up again and again in interviews: any vs unknown, interface vs type, generics, utility types, and type guards, explained with practical examples.
Typing Polymorphic React Components in TypeScript
From optional props to union types, discriminated unions, and generic polymorphic components. Learn how each pattern works and when to use it.
Cognitive Surrender and Why You Should Still Write Code by Hand
Recent research shows 73% of AI users accept faulty answers without questioning them. For developers, this habit has a name: cognitive surrender — and the fix is simpler than you think.
Your tests pass. Your linter doesn't.
Most React challenges only check if your code passes the tests. We also check if your code passes the linter — because an app that works is not the same as an app that is well-written.
What useOptimistic Actually Saves You
It's not about lines of code. useOptimistic eliminates pending flags, manual rollbacks, and prop/state sync — the things you actually spend time debugging.
Debounce vs Throttle: When to Use Each (and Why It Matters)
Debounce and throttle both control how often a function runs — but solve different problems. Learn when to use each, build them as React hooks, and avoid common mistakes.
Stop Fetching Data Sequentially When It Could Be Parallel
Fetching independent data one request at a time is one of the most common — and most expensive — performance mistakes in React apps. Here's how to spot it and fix it with Promise.all.
You Probably Don't Need Redux Yet
Most React apps don't need global state libraries at the start. Server state, local state, and context cover almost everything — here's when to actually reach for Zustand or Redux.
When to Replace Multiple useState with useReducer
Multiple useState calls that change together, handlers calling three setters in a row, state that gets out of sync — these are the signs it's time to reach for useReducer.
New way of passing ref to child in React 19
React 19 simplifies ref forwarding by treating ref as a normal prop. Learn how this change reduces boilerplate and improves component ergonomics.
Composition vs Compound Components in React
Composition and compound components are not the same. Learn the key differences, when to use each pattern, and how to build reusable React UI with real code examples.