Web Performance & Optimisation
The mental models and practical techniques every frontend developer should use to build things that work fast, not just things that work.
Hey, welcome to my blog 👋
This is where I share what I'm learning (and sometimes unlearning) while building with modern web technologies.
Have a look below and explore the topics that interest you most. Whether you're just starting out or already deep in the stack, I hope you find something useful here — or at least something that sparks an idea for your next project.
Latest Posts
State in React — From useState to Global State
An approachable walkthrough of how State works in React, from useState to GlobalState and more.
Code Quality Tools — ESLint, Prettier, Git hooks, Husky, GitHub Actions.
A concise guide to the code quality tools every JavaScript developer should know, from linting to dev workflow automation.
Understanding React — From Why It Exists to How It Actually Works
An approachable walkthrough of why React exists and its core concepts: components, state, virtual DOM, and more.
Webpack, Vite, Babel, ESLint and More — The Tools Every JavaScript Developer Should Understand
A concise guide to the build tools every modern JavaScript developer should know, from bundlers and transpilers to linting and dev workflow automation.
How JavaScript Works in the Web Browser
Understanding where JavaScript lives and how it actually runs under the hood — from the rendering engine to the JavaScript engine and C++ bindings.
A Deep Dive into CSS Concepts and Algorithms
Before you can write good CSS, it helps to understand what is actually happening under the hood — not just the syntax, but why stylesheets exist, how the browser processes them, and what happens when things conflict.
Inside the Web Browser — From Architecture to Rendering Pixels on Screen
A deep dive into how modern browsers are structured and how they turn HTML, CSS, and JavaScript into pixels — covering the multi-process architecture and the full rendering pipeline.
How the Web Actually Works — From Typing a URL to Loading a Page
A step-by-step breakdown of what happens between typing a URL and seeing a page load — from DNS lookups and TCP handshakes to how your browser renders HTML.