2024Active
Motion Spectre
An imperative animation orchestrator for React, built on the Web Animations API.
TypeScriptReactWAAPIFramer Motion
Open to new work
Hello.
I'm Ha Bui, a front-end engineer
I build web applications with React, TypeScript, and Next.js. Day to day that means component libraries, data-fetching and state layers, and the performance and accessibility work that follows a release.
Technologies I work with
TypeScript
React
Next.js
TanStack Query
Redux Toolkit
Zod
Jest
React Testing Library
Storybook
Node.js
NestJS
Firebase
What I focus on
Component libraries
Shared UI kept as a versioned package: typed props, keyboard and screen-reader support, and Storybook docs so another team can adopt it without a handover.
State and data flow
Server state in TanStack Query, validation at the boundary with Zod, local state kept small. Most UI bugs turn out to be state bugs, so this is where the time goes.
Performance and accessibility
Measure first with bundle analysis, the React Profiler, and Lighthouse. Then code-splitting, narrowing re-renders, and fixing what an a11y audit turns up.
Recent Writing
All posts7 min read
Understanding the Pipeline: From Browser Rendering to React Reconciliation
A dissection of how the browser's Critical Rendering Path meets React's reconciliation: state as the sole trigger for re-renders, the diffing algorithm, the role of key, and the exact moment useLayoutEffect blocks Paint.
ReactBrowserPerformance
7 min read
React Performance the SMART Way: Composition over Memoization
A deep dive into controlling React Fiber's reconciliation through architecture — Moving State Down, Composition, and Split Context Providers — instead of reaching for memoization.
ReactPerformanceArchitecture
4 min read
Parts of Speech in English: Nouns, Verbs, Adjectives, and Adverbs - Part 2
Learn about the basic parts of speech in English: nouns, verbs, adjectives, and adverbs. How to identify and use them in sentences.
English