An e-commerce clone. Mostly about checkout, state, and the decisions behind them.
open file
AI dressing advice. Built around weather, AI, and a question people repeat every morning.
open fileJOHNNY
Frontend Engineer
Johnny Tai (戴梓育) | Frontend Engineer. Ship. Break. Ship Better.
Building products. Shipping systems. Repeat until it feels right.
PARENTAL
Advisory
ENGINEERCONTENT
Side A — things I’ve built
01SIDE Athings i've built
Liner Notes — about me & stack
02LINER NOTESabout me & the tools
Johnny Tai.
Frontend engineer in Taipei, building products. Improving systems.
Interested in how products work,
how teams build,
and how decisions scale over time.
Quiet interfaces.
Clearer flows.
Less repeated work.
Instruments
- Daily drivers
- React · TypeScript · Next.js
- Data & state
- TanStack Query · RTK Query · GraphQL · Zod
- Styling
- Tailwind · Sass · CSS-in-JS
- Tooling
- ESLint · AST · Storybook · Playwright
- Session habits
- Git · i18n · Scrum · Claude Code
Recorded in Taipei.
B-Sides — notes on engineering & products
03B-SIDESnotes on engineering & products
- B1ENGINEERING CULTUREread(opens in a new tab)
Turning team consensus into custom ESLint rules.
When comments repeat, teach the linter.
- B2REACT MECHANICSread(opens in a new tab)
Why changing a button's type can submit the form.
The button looked harmless. Then the form submitted.
- B3INTERACTION CONTROLread(opens in a new tab)
Debounce, throttle, and the trailing edge people forget.
Not every event deserves a handler.
Discography — places I’ve worked
04DISCOGRAPHYplaces i've worked
SHOALTER TECHNOLOGY
- Cashback operations across 50+ travel partners.
- Repeated review comments became autofixable lint rules.
- Chrome 144 scroll regression traced & fixed across 20+ views.
NOODOE CORPORATION
- Global EV charging operations: sites, pricing, payments.
- Pre-auth payments and automated revenue sharing.
- Builds stopped checking everything. CI time dropped 40%.
LC FUTURE CENTER
- Technical docs and Chromebook BIOS / EC troubleshooting.
Credits
05CREDITSwhere to find me
REACH ME
PRESS KIT
STATUS
currently open
full-time · selected freelance