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.

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
ngrx

Rethink NgRx - ComponentStore vs Store (part 2)

Observable is pushed-based architecture. NgRx has two observable-based implementation, Store and ComponentStore. Store is more flexible and scalable, but you need deal with multiple objects such actions and reducers, selectors. ComponentStore is also powerful...
Follow the thread