(—) Journal086 entries · 08 topics
The Journal
Field notes on frontend, backend, DevOps, browser internals and computer networking — written slowly, revised often.
Browser
(06)
HTML Parsing and the Event Loop: Where the Parser Actually Runs
BrowserRenderingEvent Loop
The Rendering Pipeline: From DOM to Pixels (Style, Layout, Paint, Composite)
BrowserRenderingPerformance
The HTML Parser: From Bytes to the DOM Tree
BrowserRenderingHTML
The Main Thread & Event Loop Demystified: Why JavaScript Blocks Rendering
BrowserRenderingEvent Loop
Processes and Threads: The Groundwork Before the Browser Series
BrowserOperating SystemProcess
Browser Process Architecture Demystified: Why Every Tab Gets Its Own Process
BrowserRenderingChrome
Database
(18)
Database Locks and Blocking: Why Two Writers Can't Share One Row
DatabasePostgreSQLConcurrency
Zero-Downtime Migrations and Safe Rollbacks: Evolving a Live Database
DatabasePostgreSQLMigrations
Database Migrations: From Just Altering a Table to a Versioned Database
DatabasePostgreSQLDrizzle
Build a Database from Zero (Part 11): A Page — Reading by the Chunk, Not by the Row
DatabasePostgreSQLBuild from Zero
Build a Database from Zero (Part 10): Get Data Onto the Disk — Persistence
DatabasePostgreSQLBuild from Zero
Build a Database from Zero (Part 7): Get Sorted, Binary Search — and Why Inserting Hurts
DatabasePostgreSQLBuild from Zero
Build a Database from Zero (Part 6): Too Slow? Build a Hash Table Yourself
DatabasePostgreSQLBuild from Zero
Build a Database from Zero (Part 5): Turning "How to Query" into "What You Want"
DatabasePostgreSQLBuild from Zero
Build a Database from Zero (Part 4): An Array of JSON Is Also a Database
DatabasePostgreSQLBuild from Zero
Build a Database from Zero (Part 8): The B+ Tree — The Index Real Databases Use
DatabasePostgreSQLBuild from Zero
Build a Database from Zero (Part 9): An Index Stores Addresses — Hello, TID
DatabasePostgreSQLBuild from Zero
Build a Database from Zero (Part 13): The Whole Machine — and the Answer to "No Primary Key?"
DatabasePostgreSQLBuild from Zero
Build a Database from Zero (Part 12): The Buffer Pool — Why the Second Query Is Faster
DatabasePostgreSQLBuild from Zero
Build a Database from Zero: Series Guide
DatabasePostgreSQLBuild from Zero
Build a Database from Zero (Part 2): Learning to Write SQL — The Query Keywords You Need
DatabaseSQLPostgreSQL
Build a Database from Zero (Part 3): The Journey of a SQL Statement — Inside the Database
DatabaseSQLPostgreSQL
Build a Database from Zero (Part 1): Why We Need Databases — from Files to Tables
DatabaseSQLPostgreSQL
Connecting MongoDB with Prisma ORM
ORM
DevOps
(02)
JavaScript
(07)
HTML Canvas Basics & DPR Drawing Techniques
JS SyntaxCanvas
JavaScript Streams: From Beginner to Expert
JS SyntaxBinary
Broader Binary: Understanding the Blob Object
JS SyntaxBinary
Binary in the Browser: Understanding ArrayBuffer, TypedArray, and DataView
JS SyntaxBinary
Understanding the this Keyword in JavaScript: Arrow Functions
JS Syntax
Browser Event Mechanisms: EventTarget vs EventEmitter
JS SyntaxEvent Loop
Why You Can Use Method In Primitive Types?
JS Syntax
Front-end Engineering
(11)
How Tailwind CSS Actually Works — From PostCSS Plugin to Standalone Engine
TailwindFront-end Build Tools
Deep Dive into JavaScript Package Manager Storage: From File Copying to Content Addressing Evolution
DevopsFront-end Build Tools
Demystifying Front-End Authentication
Authentication
Ghost Whitespace: Handling Spaces from HTML to Vue
Front-end Build ToolsVue
How Your Vue Files Get Parsed by Webpack
JS SyntaxFront-end Build ToolsVue
Demystifying Compiler Principles: From Tokens to AST
JS Syntax
Babel: Everything You Need to Know
Front-end Build ToolsJS Syntax
From Nothing to Something: The Evolution of Frontend Modularity
Front-end Build Tools
Beginner's Webpack: Step-by-Step Bundling Logic
Front-end Build Tools
Uncommon Webpack Bundle Performance Optimization: External
Front-end Build Tools
Create a Chrome Extension Using Vite & React
Front-end Build ToolsReactChrome
AI & LLM
(07)
Building a ReAct Agent from Scratch (Part 6): Plan-Exec Mode and Beyond
AgentPlan-ExecMulti-Agent
Building a ReAct Agent from Scratch (Part 5): Memory — The Agent's Context Window
AgentMemoryRAG
Building a ReAct Agent from Scratch (Part 4): The Core Loop — Putting It All Together
AgentReActLLM
Building a ReAct Agent from Scratch (Part 3): The Tool System — Giving the Agent Hands and Feet
AgentReActLLM
Building a ReAct Agent from Scratch (Part 2): The ReAct Pattern — Teaching LLMs to Think and Act
AgentReActLLM
Building a ReAct Agent from Scratch (Part 1): What Is an Agent?
AgentReActLLM
How LLMs Work: Understanding Large Language Models from a Front-End Developer's Perspective
AILLMMachine Learning
Next.js & React
(10)
Next.js Caching Demystified: ISR, Revalidation, and the Client Cache
Next.jsReactFront-end Build Tools
Prefetching and Client-Side Navigation
Next.jsReactFront-end Build Tools
Streaming Demystified: How Suspense Powers Progressive Rendering
Next.jsReactFront-end Build Tools
Server and Client Components Internals
Next.jsReactFront-end Build Tools
File-System Routing: How Next.js Turns Folders into URLs
Next.jsReactFront-end Build Tools
From SSR to RSC: The Evolution of Server Rendering
Next.jsReactFront-end Build Tools
Understanding Next.js: A Front-End Developer's Guide to the Modern Web Framework - Series Guide
Next.jsReactFront-end Build Tools
Make a SSR Framework on Your Own: React & Node SSR Tutorial
JS SyntaxReactFront-end Build Tools
Understanding SWR in React: Basics to Advanced
React
Learn Immer and Interact with React Quickly
React
Network
(25)
How Tailscale Works: From NAT Traversal to Zero-Trust Networking
Network
WebSocket Demystified: Full-Duplex Communication from Handshake to Frames
Network
Advanced HTTP Caching: CDN, stale-while-revalidate, and Service Worker
Network
HTTP Caching Demystified: Strong Cache, Negotiated Cache, and Front-End Caching Strategies
Network
DoH & DoT Demystified: Two Ways to Encrypt Your DNS
Network
PPPoE Demystified: How Your Home Broadband Actually "Dials Up"
Network
DNS Demystified: The Internet's Phonebook — From Root to Resolution
Network
BBR Demystified: How Google Reinvented Congestion Control
Network
UDP Demystified: Connectionless Transport and When "Unreliable" Is the Better Choice
Network
From LAN to the Internet: Why MAC Addresses Alone Are Not Enough
Network
Understanding Computer Networks from a Front-End Developer's Perspective: Series Guide
Network
From IP to MAC: How ARP Bridges Two Layers of Addressing
Network
Understanding LAN from a Front-End Developer’s Perspective: MAC Addresses, Ethernet Frames, and Switches
Network
What is DDNS? A Complete Guide to Understanding Dynamic DNS from Scratch
Devops
How Does an IP Address Get "Registered"?
Network
Routing Demystified: Routing Tables, Hop-by-Hop Forwarding, and the Internet's Delivery System
Network
IP Addresses Demystified: Subnet Masks, CIDR, and the Network/Host Divide
Network
SSH: The Secure Communication Backbone
DevopsNetwork
A Node.js Developer's Guide to RPC
Network
HTTP/2: The Evolutionary Path to Modern Web Performance
Network
Demystifying the TLS Protocol: Evolution from 1.2 to 1.3
Network
HTTP Protocol Evolution: A Technical Analysis from 0.9 to 1.1
Network
TCP Demystified: Three-Way Handshake, Sliding Windows, and Congestion Control
Network
The Predecessors of WebSocket: The Past and Present of Short Polling and Long Polling
Network
Effective Solutions for Cross-Origin Issues in Web Development
NetworkDevops