Skip to content

Topic · 52 articles

React

Components, hooks, and rendering that stays fast.

React is where most of the interfaces I build start. This hub goes deep on hooks — what each one is actually for and how they misfire — then into component patterns, rendering performance, accessibility, and the architecture that keeps a large frontend coherent.

It is anchored by the React & Next.js Complete Guide series and sits alongside the Next.js and TypeScript hubs.

Subscribe to React via RSS

Follow the series

Series · 50 parts

React & Next.js Complete Guide

A deep, practical path through modern React and the Next.js App Router: hooks, performance, component patterns, server components, data fetching, forms, accessibility, testing, and a production-ready frontend architecture.

Start reading

All React articles

A React and Next.js Production Checklist — Aman Kumar Singh
Deploying a Next.js App — Aman Kumar Singh
Error Handling and Loading States — Aman Kumar Singh
Core Web Vitals for React Apps — Aman Kumar Singh
Image and Asset Optimization — Aman Kumar Singh
Internationalization (i18n) in Next.js — Aman Kumar Singh
Dark Mode Done Properly — Aman Kumar Singh
Design Tokens and Theming — Aman Kumar Singh
Building a Design System — Aman Kumar Singh
An Enterprise Folder Structure for Next.js — Aman Kumar Singh
End-to-End Testing with Playwright — Aman Kumar Singh
Testing React Components — Aman Kumar Singh
Building Tables and Data Grids — Aman Kumar Singh
Charts and Data Visualization in React — Aman Kumar Singh
Animations with Framer Motion — Aman Kumar Singh
Keyboard Navigation and Focus Management — Aman Kumar Singh
Accessibility in React Apps — Aman Kumar Singh
Zustand for Client State — Aman Kumar Singh
Choosing a State Management Approach — Aman Kumar Singh
Form Validation with Zod — Aman Kumar Singh
Building Forms in React — Aman Kumar Singh
Mutations and Optimistic Updates — Aman Kumar Singh
Data Fetching with React Query — Aman Kumar Singh
Protecting Routes with Middleware — Aman Kumar Singh
Show all 52 articles
Authentication in Next.js — Aman Kumar Singh
Building a UI with shadcn/ui — Aman Kumar Singh
Styling with Tailwind CSS — Aman Kumar Singh
Rendering Strategies: SSR, SSG, and ISR — Aman Kumar Singh
SEO with the Next.js Metadata API — Aman Kumar Singh
Server Actions for Mutations — Aman Kumar Singh
Route Handlers and APIs in Next.js — Aman Kumar Singh
Caching and Revalidation in Next.js — Aman Kumar Singh
Data Fetching in the App Router — Aman Kumar Singh
Client Components and When to Use Them — Aman Kumar Singh
Server Components in Practice — Aman Kumar Singh
The Next.js App Router Explained — Aman Kumar Singh
Error Boundaries and Suspense — Aman Kumar Singh
Compound Components and Slots — Aman Kumar Singh
React Component Patterns — Aman Kumar Singh
Code Splitting and Lazy Loading — Aman Kumar Singh
Avoiding Unnecessary Re-Renders — Aman Kumar Singh
React Performance Optimization — Aman Kumar Singh
Using React Context the Right Way — Aman Kumar Singh
Custom Hooks Worth Writing — Aman Kumar Singh
useRef and Working with the DOM — Aman Kumar Singh
useMemo and useCallback, When They Help — Aman Kumar Singh
useEffect Without the Footguns — Aman Kumar Singh
useState and useReducer Patterns — Aman Kumar Singh
Understanding React Hooks in Depth — Aman Kumar Singh
React Fundamentals for Professionals — Aman Kumar Singh
Designing the SaaS Dashboard — Aman Kumar Singh
Setting Up Your Next.js App the Right Way — Aman Kumar Singh

Frequently asked questions

How deep does the React hooks coverage go?

Deep — dedicated articles on useState and useReducer, useEffect without the footguns, useMemo and useCallback, useRef and the DOM, custom hooks worth writing, and the re-render behavior that ties them together.

Related topics

Next.jsTypeScriptSystem Design