Frontend
React Lab
Hooks, rendering, state và performance với số đo thực tế.
Xin chào, tui là
Gura
Chỗ tui ghi lại những gì đang học, đang làm và đang tò mò — chậm thôi, nhưng đều.
Về mình
- Khu vực
- HCM, Việt Nam
- Ngoại ngữ
- Tiếng ViệtTiếng Anh · TOEIC 940
- Nhiên liệu
- Cà phêĐồ ngọtGura
- Ngoài code
- Chạy bộCầu lôngNghe nhạcChơi game
~/devlab · Frontend Engineer
Dev Lab
Hệ sinh thái blog và lab kỹ thuật: ghi chép, thử nghiệm có số đo và giải thích cơ chế của các công nghệ trong công việc hằng ngày — frontend, backend, DevOps và những chủ đề liên quan.
// Học bằng cách xây, rồi đo lại những gì mình đã xây.
Mỗi lab tập trung vào một công nghệ hoặc một lĩnh vực, có stack và cách triển khai riêng.
Frontend
JS Under the Hood
Event loop, closure, prototype, Promise.
Frontend
Next.js Lab
SSR, SSG, Server Components và caching.
Bài viết mới
- Tearing, Stale Snapshots và useSyncExternalStoreVì sao state bên ngoài React có thể bị “rách” giữa hai lần render, và cách useSyncExternalStore buộc mọi thứ đồng bộ.
- React Concurrent Rendering: Lanes, Scheduling và Interruptible RenderingLanes là gì, vì sao render có thể bị ngắt giữa chừng, và điều gì không thể ngắt trong commit phase.
- React Fiber & Reconciliation: React thực sự render UI như thế nào?Từ element tree đến Fiber tree, render phase và commit phase — vì sao key quyết định việc giữ hay mất state.
Dự án khác
Dự án ví dụ · chưa có thậtReact · TypeScript
Mục mẫu để xem nhịp hàng, cỡ chữ và cách stack hiển thị. Thay bằng dự án thật.
Dự án ví dụ · chưa có thật 2Astro · Vite · Cloudflare
Mục mẫu thứ hai để thấy đường kẻ giữa hai hàng và cách stack dài tự xuống dòng.
Liên hệ
Góp ý về nội dung, báo lỗi trong bài viết hoặc trao đổi về kỹ thuật đều được hoan nghênh.