Study corner

Notes from real projects

Short, practical notes on the tools I use, each with an example you can try. “From production” means I shipped it in client work; “Learning notes” are topics I’m studying.

Angular

From production
Angular OnPush and trackBy in practice
How OnPush change detection and trackBy (or @for track) cut wasted work in list-heavy screens.

React

From production
React.memo, useMemo and useCallback — see the re-renders
When memoization helps, when it doesn't, and a live render counter to prove it.

Performance

From production
Why virtualization matters for big tables
What actually makes a 17,000-row table slow, and the two layers that fix it: paged data and virtualized rendering.

Architecture

From production
How a config-driven form engine works
Describe a form as data, then render, validate and show or hide fields from that config — with a live editor you can try.

New notes are added regularly: Next.js App Router, RxJS, NgRx, Signals and more.

Notes from real projects

Angular

Angular OnPush and trackBy in practice

React

React.memo, useMemo and useCallback — see the re-renders

Performance

Why virtualization matters for big tables

Architecture

How a config-driven form engine works