Writing
Writing
Essays and notes on software, AI, systems, learning, and inner practice.
Engineering
Engineering
Workspace V2 Tab System Performance: First Load, Hot Switch, and Background Pressure
A performance model for workspace tabs that separates first load, hot switch, background pressure, and regression gates.
Workspace V2 Tab System: Building Browser Tabs Inside Workspace
A browser-grade tab architecture for a workspace product: URL ownership, persistent tab state, runtime cache, sandbox isolation, and foreground control.
Building Fault Tolerant React App With Error Boundary(Error Boundary Best Practice)
How to use React Error Boundaries as a practical reliability boundary instead of a decorative catch-all.
React Runtime Performance Optimization
A practical tour of React runtime performance bottlenecks, rendering cost, memoization, and browser-side calculation limits.
React Server Component Internals(Source Code Review)
A source-level walkthrough of React Server Components and the engineering model behind server-driven component rendering.
Learning How React Hooks Work by Building a Naive useState
An Interview QuestionHave you been asked questions like this during interviews?: Why react hook cannot be written in conditional or loop statements? (This is a classic question...
AI & Agents
AI & Agents
Automated AI Performance Optimization With Harness and Goal-Driven Loops
A practical AI performance optimization loop built around strict measurement, a harness, goal-driven iteration, and a ledger.
Agent Skills: The Functional Blueprint for AI Agents
A practical model for treating agent skills as reusable functions with clear triggers, inputs, outputs, and composition rules.
Vibe Coding vs Spec-Driven Coding: The Evolution of AI-Assisted Development
A comparison of vibe coding and spec-driven coding as two different operating modes for AI-assisted software development.
SEO From First Principles — a Deep Dive Through My Blog's Overhaul
Most SEO guides give you a checklist: add this meta tag, install that plugin, set this config. But checklists don’t help you understand why — and without understanding why...
Crafting GPT-Based Customer Support Chatbot From 0 to 1 — Algorithm Portion
AbstractThis article introduces how to craft a smart GPT-based customer support chatbot that can answer users’ questions and interact with them by applying different kinds of...
Use Modular Design With ChatGPT to Generate Code
You can find all the code of this article in this codesandbox. A lot of people aren’t aware that, nowadays, AI can really help us to write code! Trust me, I’ve been using chatGPT...
Systems & Learning
Systems & Learning
SICPJS 2. Building Abstractions With Data
VocabularyQuestionsNotes Compound data: just like compound function, we enhance our expressive power of our language. And elevate the conceptual level at which we can design our...
SICPJS 1. Building Abstractions With Functions
Vocabulary computational processes(a sorcerer’s idea of a spirit): ideas, can’t be seen or touch but solve the problem and direct the real world program(a sorcerer’s...
SICPJS Thinking About the Book and Study Plan / Catalog
A learning note on why SICPJS matters and how I approached the book as a long-term abstraction practice.
Mind & Practice
Mind & Practice
Coming soon.
Life
Life
Coming soon.
Archive