Software Engineer.
@deprecated motion graphic designer and photographer.
@author
Teng Wei Herr
A designer/photographer turned software engineer who loves building and designing software that creates social impact. Still figuring out where I’m heading in my career.
I occasionally write tech articles and contribute to OSS projects. Besides work, I like photography, basketball, tennis, and chugging coffee. I'm currently using Sony A7R2 with Zeiss Sonnar 55mm F1.8, but I'm getting a Leica Q2 soon!
I am currently based in Malaysia. Do you know we have the best food ever?
Tech I've worked with:
- Next.js
- React
- TypeScript
- Zustand
- MobX
- Redux
- Webpack
- Node.js
- Supabase
- PostgreSQL
- Kafka
- Spring Boot
@works
Where I've worked & volunteered:
2025 - Present
Frontend Engineer
Binance
Frontend Engineer
3 months
- Working on the Binance Spot & Alpha trading platform on web.
- Deep diving into frontend performance optimization. Improved the spot trading platform’s Lighthouse score from 65 to 82 and reduced LCP by 60% by minimizing render-blocking resources and TBT. Currently it is the highest among the industry.
- Identified and reduced memory leaks by analyzing the memory distribution of JavaScript objects.
2024 - Present
Founding Engineer
PAYGAP Asia
Founding Engineer
1 year 2 months
- Building the first salary transparency platform in Asia!
- Launched the B2C web platform, as well as the B2B benchmarking portal with AI agentic workflows for salary benchmarking and salary report generation.
- Built the product end-to-end, covering infrastructure, database design, automation, LLM applications, frontend development and web animation.
- Enhanced app sec through server-side functions, PostgREST-proxied BFF layer, refined RLS policies, and Cloudflare rules.
2022 - 2025
Web Engineer
MoneyLion Inc.
Web Engineer
2 years 9 months
- Identified web performance bottlenecks and reducing total blocking time by up to 90%.
- Implemented zero-runtime-cost caching for third-party assets from CMS using SSG and build-time scripts with node-fs in Next.js.
- Migrated a React SPA to a Next.js isomorphic web app, achieving a 16x faster load time with 50% less code.
- Fine-tuned K8s resources with auto-scaling, minimized request latency & Kafka consumer lag and setting up Datadog monitoring to handle 30K RPS spikes.
2019 - 2024
Freelance Designer & Photographer
HERR Studio
Freelance Designer & Photographer
5 years
- Expertise in Adobe Creative Suite including Illustrator, After Effects, Photoshop, etc
- Worked with international clients to produce high quality media content across various domains including finance, interior design, corporate, and government units.
Frontend Engineer
3 months
- Working on the Binance Spot & Alpha trading platform on web.
- Deep diving into frontend performance optimization. Improved the spot trading platform’s Lighthouse score from 65 to 82 and reduced LCP by 60% by minimizing render-blocking resources and TBT. Currently it is the highest among the industry.
- Identified and reduced memory leaks by analyzing the memory distribution of JavaScript objects.
Founding Engineer
1 year 2 months
- Building the first salary transparency platform in Asia!
- Launched the B2C web platform, as well as the B2B benchmarking portal with AI agentic workflows for salary benchmarking and salary report generation.
- Built the product end-to-end, covering infrastructure, database design, automation, LLM applications, frontend development and web animation.
- Enhanced app sec through server-side functions, PostgREST-proxied BFF layer, refined RLS policies, and Cloudflare rules.
Web Engineer
2 years 9 months
- Identified web performance bottlenecks and reducing total blocking time by up to 90%.
- Implemented zero-runtime-cost caching for third-party assets from CMS using SSG and build-time scripts with node-fs in Next.js.
- Migrated a React SPA to a Next.js isomorphic web app, achieving a 16x faster load time with 50% less code.
- Fine-tuned K8s resources with auto-scaling, minimized request latency & Kafka consumer lag and setting up Datadog monitoring to handle 30K RPS spikes.
Freelance Designer & Photographer
5 years
- Expertise in Adobe Creative Suite including Illustrator, After Effects, Photoshop, etc
- Worked with international clients to produce high quality media content across various domains including finance, interior design, corporate, and government units.
@published
React Internals: Which useEffect runs first?
It's not particularly obvious, but a child's useEffect will run before a parent's will. Let's look at why.
Adaptive Video Streaming With Dash.js In React
A complete guide to build a ABR video player in React starting with a MP4 video
Next.js SSG: Caching Third-Party Assets for Zero Runtime Cost
Minimizing Bandwidth Usage by Serving Third-Party Assets Statically in Next.js
How to Identify Web Performance Bottlenecks Using a Browser Profiler
A Step-by-Step Guide to Diagnosing Performance Issues in Web Applications
Chrome’s Performance Panel 101: What’s Going on in Your JavaScript Main Thread
Learn to use the profiler in Chrome’s Performance Panel with my favourite settings and some useful tips
Animated Bar Chart with D3.js and React
Learn the underlying concepts and how to plot charts with D3.js and React
Next.js Middleware: Server-side A/B Testing for Enhanced Performance
Server-side Feature Flagging via Firebase Remote Config Using Next.js Middleware — With Optimal Performance
View more at Medium
Get in touch
Drop me a message if you have any questions or just want to say hi.
Any collaborations and opportunities are welcomed.
