Developers
react
Notes tagged react.
- tutorial17 min read
MERN deployment checklist
Deployment is where many MERN projects stall — not because it's hard, but because the order of operations isn't obvious. This checklist walks through every step: MongoDB Atlas for the database, Render for Express, Vercel for React, and the environment variable and CORS configuration that makes them trust each other.
- tutorial17 min read
MERN auth basics
Authentication in a MERN app crosses all four layers at once — that's why it trips people up. This tutorial connects the dots: bcrypt handles password storage, JWTs handle the signed token, and Express middleware handles route protection. By the end you'll have working auth code you understand well enough to adapt and debug.
- tutorial17 min read
MERN stack architecture
The MERN stack is four technologies that click together remarkably well — but only once you understand where each layer starts and stops. This tutorial maps the full architecture from MongoDB through Express and Node.js to React, so you always know exactly where your code lives, why it lives there, and what to check when something breaks.
- tutorial18 min read
React Testing Library basics
The render/screen/userEvent mindset, query priority with getByRole, why you should avoid testing implementation details, async findBy for data that loads — and what not to test so your test suite doesn't become a maintenance burden.
- tutorial17 min read
React forms without pain
Controlled inputs, validation UX that helps rather than nags, accessible labels and error messages, optional Zod for schema validation, and a clear-eyed look at when you actually need a form library — and when you don't.
- tutorial17 min read
React performance checklist
A practical React performance checklist — how to measure before you guess, where unnecessary re-renders actually come from, keys and list reconciliation, image optimisation, code-split islands, and when Server Components are the simplest fix of all.
- tutorial18 min read
React hooks patterns in 2026
The hook patterns that actually matter in 2026 — useState pitfalls, stale closures, derived state, custom hooks, dependency array rules, and a clear-eyed look at when useMemo and useCallback are worth reaching for.
- tutorial18 min read
React Server Components explained
What React Server Components actually are, where the 'use client' boundary goes, how data fetching changes when components run on the server, what you can't do in an RSC, and the composition pattern that keeps your bundle small.