Dự án

Những thứ mình đã build. Đa phần là mã nguồn mở; có dự án đang chạy production, cũng có thứ để thử nghiệm ý tưởng mới.

2024Đang hoạt động

Motion Spectre

Animation chạy ngoài luồng render của React: bộ điều phối đẩy chúng qua WAAPI và requestAnimationFrame, chỉ đụng vào các thuộc tính được composite nên animation đang chạy không kéo theo layout. Mình làm chủ yếu để hiểu chi phí trong các thư viện animation hiện có đến từ đâu.

TypeScriptReactWAAPIFramer Motion
2024Đang hoạt động

tsRouter

Route params, search params và navigation đều lấy kiểu từ một định nghĩa route duy nhất bằng template literal types, nên kiểu không thể lệch khỏi route. Thứ thật sự chạy ở runtime chỉ là một matcher nhỏ, phần còn lại bị xóa lúc build.

TypeScriptReactViteESBuild
2023Đang hoạt động

CanvasFlow

Node được render bằng WebGL qua một vòng lặp render tự viết, còn text và input vẫn là DOM overlay đặt theo cùng một transform. Zoom và pan chạy trên GPU nên canvas vẫn mượt khi số lượng node tăng lên.

TypeScriptWebGLReactZustand

devkit-cli

CLI lo phần dựng khung lúc mới bắt đầu dự án.

Node.jsTypeScriptCommander.js
Đang hoạt động

Collab-Editor

Trình soạn thảo cộng tác dựng trên CRDT và WebSockets.

TypeScriptCRDTWebSockets
Lưu trữ

StyleExtract

Plugin Vite trích xuất CSS-in-JS ngay lúc build.

TypeScriptViteAST
Lưu trữ