Tôi làm việc ở tầng bên dưới.

Công việc chính · 2024 → nay

TikTok Search

Tốc độ render màn hình đầu, độ mượt khi cuộn danh sách, chi phí của media. Đo trên thiết bị thật chứ không tranh luận suông trong buổi review.

UI đa nền tảng

Lynx

Phần lớn việc gần đây của tôi xoay quanh Lynx, framework đa nền tảng mã nguồn mở: TypeScript ở trên, render native ở dưới, và tối ưu hiệu năng phải đứng vững ở cả hai phía.

Android · iOS · JS

Xuyên tầng là chuyện thường

Một lỗi hiệu năng hiếm khi chỉ nằm ở một tầng. Việc của tôi là lần theo nó từ component, qua bridge, vào Kotlin hay Swift, xuống tận khung hình bị rớt.

Quy trình

Làm việc cùng AI

Tôi vận hành các AI agent như một nhóm nhỏ: một agent lên kế hoạch, một agent viết code, một agent review, một agent kiểm tra trên máy thật. Giá trị nằm ở hàng rào an toàn: diff nhỏ, kiểm tra lặp lại được, và luôn có người duyệt cuối.

Swift · Kotlin · FFmpeg

react-native-video-trim

Trình cắt video mà hàng chục nghìn app tin dùng trên production. Khi thư viện FFmpeg nó phụ thuộc bị bỏ rơi, tôi dựng lại chính thư viện đó: một bản ffmpeg-kit do cộng đồng duy trì cho Android, iOS và React Native, hỗ trợ page size 16 KB của Android 15.

Swift · Kotlin · Fabric

react-native-shared-hero

Chuyển cảnh shared-element mượt mà giữa các màn hình trong React Native. Ảnh hoặc thẻ bay từ màn này tới đúng vị trí của nó ở màn tiếp theo, khớp theo id nên dùng được với bất kỳ router nào. Chuyển động chạy native bằng Swift và Kotlin trên Fabric, còn cử chỉ vuốt quay lại và kéo để đóng sheet trên iOS bám theo tay từng khung hình.

README có hẳn một bảng so sánh với các thư viện lâu đời, và một mục tên là “Khi nào các lựa chọn khác vẫn hợp hơn”.

TypeScript · Rust/Wasm · MIT

vivari

Node, Bun và Python chạy ngay trong tab trình duyệt của bạn. Cài npm thật, dev server thật có hot reload, chạy được cả app Express và Next.js, mà không có server nào làm hộ. Mã nguồn mở (MIT), một lựa chọn thay cho WebContainers của StackBlitz.

“Không phải hàng giả lập: Vivari chạy đúng lib/ thật của Node, npm, yarn, pnpm thật, và CPython thật. Không có server nào làm hộ.”trích README của vivari

Cách hoạt động: mã gốc của Node chạy trong Web Worker, file nằm trên một ổ đĩa ảo viết bằng Rust/Wasm, và một Service Worker đóng vai localhost.

Chạy thử trên vivari.run ↗

TypeScript · Kubernetes · Grafana

socket.io-mesh-adapter

Đưa Socket.IO vượt qua nút thắt broker: một mạng lưới đánh đổi N² kết nối để không còn bước nhảy nào qua broker. Đã benchmark 300.000 kết nối đồng thời trên mười pod Kubernetes, kèm metric Prometheus, dashboard Grafana dựng sẵn và cơ chế loại bỏ consumer chậm khi bị backpressure.

Cũng ở tầng này

• wasm-hybrid-build
• devtools-frontend-demo
• double-raf-demo