Notes on software and the ideas behind it

Find the meaning
behind the code.

I’m Fred Yang. I write about software—how it works, why it behaves the way it does, and the ideas that make code easier to reason about.

Open the notebook

Working notes / 2026

Recently mapped

Architecture, reactivity, and the hidden relationships that shape frontend systems.

keyboard

QMK/VIA - The Soul of Mechanical Keyboards

Mechanical keyboards are loved for their tactile feedback, satisfying “tok” sound, and endless customization options. However, for me, the true magic lies not just in the hardware but in the software, particularly when it...
Follow the thread
field note

Loading React Component by Convention

Next.js uses file-system based routing, meaning you can use folders and files to define routes. Basically, you don’t need to define routes, and if you access the app by a folder and file path,...
Follow the thread
field note

A helper funciton to render nested multiple components

From time to time, we need to render nested multiple components in React.
Follow the thread
react

A helper function to quickly provide service in react

In Angular, we can inject services into components so that components can share state and communicate with each other. In React, we can use context to provide services to components too. Here is some...
Follow the thread
ngrx

Rethink NgRx - A more complex example(part 3)

In the counter example, action and reducer is one to one mapping. It does not show the flexibility of decoupling action and reducer. I need to use a more complex example to showcase that....
Follow the thread