2024Đang hoạt động
Motion Spectre
Bộ điều phối animation kiểu imperative cho React, dựng trên Web Animations API.
TypeScriptReactWAAPIFramer Motion
Công nghệ mình dùng
TypeScript
React
Next.js
TanStack Query
Redux Toolkit
Zod
Jest
React Testing Library
Storybook
Node.js
NestJS
Firebase
Mình tập trung vào
Thư viện component
UI dùng chung được đóng thành package có version: props có kiểu rõ ràng, hỗ trợ bàn phím và screen reader, tài liệu bằng Storybook để team khác dùng được mà không cần bàn giao.
State và luồng dữ liệu
Server state để TanStack Query lo, validate ở biên bằng Zod, local state giữ càng nhỏ càng tốt. Phần lớn bug giao diện thật ra là bug state, nên đây là chỗ mình dành nhiều thời gian nhất.
Hiệu năng và a11y
Đo trước đã: phân tích bundle, React Profiler, Lighthouse. Sau đó mới code-splitting, thu hẹp phạm vi re-render và xử lý những lỗi a11y mà bản audit chỉ ra.
Dự án nổi bật
Xem tất cảBài viết mới
Tất cả bài viết8 phút đọc
Hiểu Sâu về Luồng Xử lý: Từ Browser Rendering đến React Reconciliation
Mổ xẻ sự phối hợp giữa Critical Rendering Path của trình duyệt và cơ chế Reconciliation của React: state là gốc rễ của re-render, thuật toán diffing, vai trò của key, và thời điểm chính xác useLayoutEffect chặn Paint.
ReactTrình duyệtHiệu suất
9 phút đọc
Tối Ưu Hiệu Suất React Theo Mô Hình SMART: Composition over Memoization
Hướng dẫn chuyên sâu về việc kiểm soát quá trình hòa giải của React Fiber bằng kiến trúc: Moving State Down, Composition và Split Context Providers thay vì lạm dụng memoization.
ReactHiệu suấtKiến trúc
5 phút đọc
Loại từ trong tiếng Anh: Danh từ, Động từ, Tính từ và Trạng từ - phần 2
Tìm hiểu về các loại từ cơ bản trong tiếng Anh: danh từ, động từ, tính từ và trạng từ. Cách nhận biết và sử dụng chúng trong câu.
Tiếng Anh