React
React is straightforward until something re-renders when you did not expect it. These articles cover hooks as they behave in real components, the dependency array rules that cause most bugs, and the patterns worth reaching for once the basics work.
Hooks
- "Too Many Re-renders" in React: Why It Happens You call setState, the component renders, which calls setState again. React stops the loop and throws. Which of three mistakes you made decides the fix. Tutorial · 7 min read · September 2, 2026
- TanStack Query Basics: Data Fetching Without the useEffect Dance The useState-and-useEffect pattern for fetching data leaks race conditions and refetches on every mount. One hook replaces the whole thing. Tutorial · 9 min read · August 25, 2026
- Zustand: A Simpler Alternative to Redux Redux wants action constants, reducers, a provider, and middleware before it does anything. Zustand wants one function call. Tutorial · 8 min read · August 25, 2026
- React useReducer Explained: When useState Stops Scaling Three useState calls that must change together will eventually disagree with each other. A reducer makes the illegal combinations impossible to reach. Tutorial · 11 min read · August 6, 2026
- React useRef Explained: A Ref Is Not State Change ref.current and nothing happens on screen. That is not a bug, it is the entire point of the hook, and it is what makes refs useful and dangerous. Tutorial · 10 min read · August 6, 2026
- React.memo, useMemo and useCallback: When They Help You wrapped the component in React.memo and it still re-renders every time. The inline style object you pass it is a different object on every render. Tips & Tricks · 11 min read · August 6, 2026
- TypeScript With React: Props, Hooks and Events useState([]) gives you an array of never, so the first setItems call fails with an error that mentions a type you never wrote. That one line explains most React and TypeScript friction. Tutorial · 12 min read · August 6, 2026
- React useState Explained: State That Actually Updates The hook is three lines to learn and months to get right. Almost every useState bug comes from the same two misunderstandings. Tutorial · 10 min read · August 6, 2026
- React useContext Explained (and When Not to Use It) Context solves prop drilling, not state management. Using it as a performance tool is how apps end up re-rendering everything. Tutorial · 10 min read · August 6, 2026
- React Custom Hooks: Reusing Logic Without Repeating It A custom hook is just a function that calls other hooks. The important part is understanding that it shares logic, not state. Tutorial · 10 min read · August 6, 2026
- React useEffect Hook Explained: Dependencies and Cleanup A beginner-friendly guide to the React useEffect hook — side effects, the dependency array, cleanup functions, data fetching, and infinite-loop pitfalls. Tutorial · 9 min read · July 22, 2026
- React Hooks: 7 Mistakes That Cause Bugs Stale closures, missing dependencies and effects that fire twice — the seven hook mistakes that produce the most confusing React bugs, and the fix for each. Tutorial · 11 min read · May 7, 2026
Components and state
- Redux Explained Simply, and Whether You Actually Need It Redux is famous for being hard, and most of that difficulty comes from learning it before having the problem it solves. Understand the problem first and the pattern becomes straightforward. Tutorial · 9 min read · August 16, 2026
- React Forms Guide: Why Your Input Will Not Type You type into the field and nothing appears. The console has warned you already, and the fix is one prop, but the reason explains how React forms work. Tutorial · 11 min read · August 6, 2026
- React Conditional Rendering: if, Ternary, and && Patterns The main ways to render UI conditionally in React JSX — if/early return, ternary, and logical && — with the classic && with 0 bug explained. Tutorial · 9 min read · July 22, 2026
- What Is JSX in React? A Beginner's Explanation JSX lets you write HTML-like markup inside JavaScript. Learn how it maps to React.createElement, plus curly braces, className, lists and conditionals. Tutorial · 8 min read · July 22, 2026
- React Props vs State: What's the Difference? Confused about props vs state in React? Learn the difference with a simple greeting and counter example, plus a quick guide on which to reach for. Comparison · 9 min read · July 22, 2026
Performance and pitfalls
- Hydration Explained: Why Your React Page Flashes Before It's Interactive Server-rendered HTML looks ready before it works. Here is what hydration does in that gap, why mismatch errors happen, and the patterns that actually fix them. Tutorial · 8 min read · August 27, 2026
- Code Splitting and Lazy Loading in React One big bundle makes users download code they never run. Here is how React.lazy and Suspense split it into chunks that load on demand, and the mistakes that break it. Tutorial · 9 min read · August 27, 2026
- React Error Boundaries: What They Actually Catch One undefined property in one component and the entire page goes white. Error boundaries stop that, but they miss more kinds of error than they catch. Tutorial · 10 min read · August 6, 2026
- Debounce vs Throttle: Which One Your Handler Needs Wrapping your handler in debounce and still seeing a request per keystroke? In React the usual cause is that a fresh debounced function is created on every render, so the timer never survives long enough to fire. Comparison · 11 min read · August 6, 2026
More on React
- React Server Components Explained Server Components render on the server and send their output, not their code. Here is what that changes about data fetching, bundle size, and where "use client" goes. Tutorial · 9 min read · August 27, 2026
- Next.js App Router Basics: What Actually Changed The App Router is not just a new folder name. Components render on the server by default, caching flipped from opt-out to opt-in, and 'use client' means more than you think. Tutorial · 9 min read · August 24, 2026
- Next.js vs React: What Next.js Adds and When You Need It Next.js is not an alternative to React — it is React plus the things every real app ends up needing. Whether you need them depends almost entirely on who has to find your pages. Comparison · 9 min read · August 17, 2026
- React Router: Making a Single Page App Feel Like Many Pages Routing is where a React app stops feeling like a demo. It is also where beginners meet the one deployment problem that makes a working app return 404 on refresh. Tutorial · 9 min read · August 16, 2026
- Vue for React Developers: The Same Ideas, Different Defaults If you know React, most of Vue is a translation exercise. The interesting part is the handful of places where Vue made a different decision, and why. Tutorial · 9 min read · August 15, 2026
- Frontend State Management: What Actually Needs a Library Most state management debates dissolve once you separate two different things: state your app owns, and a cache of data the server owns. They need entirely different tools. Comparison · 9 min read · August 15, 2026
- JavaScript sort(): Why [10, 9, 1] Becomes [1, 10, 9] Sorting numbers with plain .sort() gives you an order that looks random until you realise every element was converted to a string first. And the array you sorted was modified, which is its own bug. Tutorial · 11 min read · August 6, 2026
- Shallow vs Deep Copy in JavaScript: The Nested Trap You spread an object, change one nested field, and the original changes too. The copy was real, but it only went one level deep. Tutorial · 11 min read · August 6, 2026
- 8 React Project Ideas That Teach Something Specific Another to-do app teaches nothing new. These eight each introduce one concept you will be asked about in an interview. Tips & Tricks · 11 min read · August 6, 2026
- React Interview Questions and Answers for Beginners React interviews test whether you understand rendering, not whether you can list hooks. The state-batching question catches most candidates. Career · 12 min read · August 6, 2026