2024Đang hoạt động
Motion Spectre
Thư viện animation hiệu năng cao cho React, hướng đến chuyển động mượt ở ngưỡng 120fps.
TypeScriptReactWAAPIFramer Motion
Công nghệ tôi sử dụng
TypeScript
React
Next.js
Tailwind CSS
Framer Motion
Zustand
Node.js
Figma
Trọng tâm của tôi
Trải nghiệm tương tác
Tạo animation mượt, micro-interaction hợp lý và giao diện có chiều sâu, không rối mắt.
Design System
Xây dựng thư viện component nhất quán, dễ mở rộng, đảm bảo a11y và tái sử dụng tốt cho team lớn.
Hiệu năng web
Tối ưu Core Web Vitals, giảm bundle size và giữ rendering ổn định ở mức 60fps.
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