#JAVASCRIPT
JavaScript Runtime 是什麼？看懂「JS 引擎 + host API」，貫通 Node / Deno / Bun / Edge
Runtime = JS 引擎 + host API。握住這個骨架，Node、Deno、Bun、Edge runtime 的差異、為什麼 Cloudflare Workers 沒有 fs、React SSR 為什麼有兩個串流 API，全都從同一個模型推得出來。附帶著 AI agent 動手入門的完整 prompt。
How is a Variable Resolved to the Value in JavaScript?
Follow an IdentifierReference through ECMAScript environment records to understand how JavaScript resolves a variable name to its value.
How to Inspect the Internal Implementation of React by Using Browser DevTools
Note on how to set up your environment and inspect how React works internally by using browser DevTools.
Reading the ECMA-262: How Declarations in Block Context Work
To understand hoisting and variable scoping better, let's dive into the ECMAScript specification of block declarations.
Reading the ECMA-262: How Declarations in Function Context Work
To understand hoisting and variable scoping better, let's dive into the ECMAScript specification of function declarations.
Reading the ECMA-262: How Declarations at Global Level Work
To understand hoisting and variable scoping better, let's dive into the ECMAScript specification of global declarations.
How Declarations are Collected for Instantiation?
Learn how JavaScript engines collect declaration information for instantiation, including global, function, and block contexts.
Reading the ECMA-262 Specification: What are Operations and Semantics?
This article will introduce what is the ECMA-262, and some crucial concepts for understanding the specification.
Why 0.1 + 0.2 ≠ 0.3? Floating Numbers in JavaScript
Understand why 0.1 + 0.2 is not exactly 0.3 in JavaScript by tracing IEEE 754 binary floating-point representation, rounding, and precision.
Reading Apollo Client Source Code: useQuery
從 Apollo Client 原始碼拆解 React useQuery 何時發出請求、如何訂閱查詢結果，以及資料更新為何觸發重新算繪。
Learn React Testing Library Basics: Arrange, Act, and Assert
介紹如何使用 RTL 測試 React 元件的基本概念和最佳作法
What Will Happen if We Resolve a Promise Instance With Another Promise Instance?
Explore how JavaScript adopts the state of another Promise when resolve receives a Promise, including pending, fulfilled, and rejected cases.
Develop npm packages locally with ease: explore symlinking, packaging, and third-party tools for smooth local testing.
Compare symlinks, npm package archives, and local publishing tools for developing an npm package in one repository and testing it in another.
How to Use D3 With React
整理在 React 專案使用 D3 的三種整合模式，比較由 D3 操作 DOM、操作虛擬 DOM，以及只使用 D3 計算模組的取捨。
Reading Redux Source Code：深入理解 Redux store 結構與更新機制
透過 Redux 原始碼拆解 store 的結構、dispatch action、reducer 更新與 listener 通知流程，理解嚴格單向資料流實際如何運作。