React Hooks Masterclass: useState, useEffect, and Custom Hooks Explained
Deep-dive into React Hooks: learn how useState, useEffect, and custom hooks work under the hood with real, runnable code examples and clear mental models.
Components, JSX, state and hooks, what React does internally when it re-renders, and how Next.js adds routing, server rendering and Server Components on top. Also covers React Native with Expo Router.
7 articles
Deep-dive into React Hooks: learn how useState, useEffect, and custom hooks work under the hood with real, runnable code examples and clear mental models.
How React's Virtual DOM, reconciliation and diffing work internally, from setState to pixels on screen.
Master modern Next.js architecture: App Router, layouts, Server Components, API Routes, and Server Actions with real production patterns and code examples.
Learn React from the ground up: why it exists, how JSX compiles, how components and props work, and how state drives automatic UI re-rendering.
Learn why Next.js was created, how it solves React's core limitations with SSR, SSG, Server Components, and file-based routing, and when to use it.
Expo Router vs React Navigation in 2026: when to use each, with real code for auth flows, nested layouts and production app structure.
How to structure a large React Native app with Expo Router: feature modules, route groups and shared layouts, using apps like Instagram and Uber as examples.