Phu Phan Van là một web developer tập trung vào hiệu năng web (Web Performance), JavaScript chuyên sâu và bảo mật ứng dụng web. Blog chia sẻ kiến thức nền tảng nhưng thực tiễn, giúp developer hiểu rõ cách trình duyệt hoạt động, viết code dễ maintain và xây dựng website nhanh – an toàn hơn.
28 bài viết from this blog
Hướng dẫn xây dựng micro frontend với Module Federation, tách app React lớn thành nhiều app nhỏ deploy độc lập.
Hướng dẫn thực tế xây dựng monorepo với Bun Workspaces và Turborepo, giải quyết vấn đề chia sẻ code và version drift.
Hướng dẫn chuyển đổi code JavaScript từ ES5 sang ES6+ với destructuring, spread, Map/Set và các cải tiến hiện đại.
Hướng dẫn sử dụng WeakMap và WeakSet trong JavaScript để tránh memory leak khi cache dữ liệu theo object.
Phân tích cách React Fiber và thuật toán diffing hoạt động, giải thích vì sao state bị reset khi thay đổi cấu trúc component.
Bài viết giải thích chiến lược mobile-first trong thiết kế web, cách đặt breakpoint dựa trên nội dung và sử dụng CSS hiện đại để tạo layout responsive.
Bài viết giải thích chi tiết về lỗi CORS, same-origin policy và preflight request trong lập trình web.
Tự viết lại useMemo, useCallback, useRef bằng JavaScript thuần để hiểu cơ chế hoạt động của React hooks từ gốc.
Hướng dẫn WebGL, Three.js và GLSL shader từ cơ bản đến nâng cao với các demo chạy trong trình duyệt.
Hướng dẫn chọn đúng combinator Promise trong JavaScript: all, allSettled, race, any.
Hướng dẫn tự viết lại các utility types Pick, Omit, Partial trong TypeScript để hiểu sâu về type-level programming.
Hướng dẫn chọn protocol REST, WebSocket hay SSE cho ứng dụng TypeScript, kèm mẹo dùng fetch đúng cách.
Hướng dẫn tối ưu hiệu suất TypeScript compiler (tsc) và code ở mức type-level, giảm thời gian build và độ trễ editor.
Bài viết tóm tắt lịch sử React từ version 15 đến 19, qua các cột mốc quan trọng như Fiber, Hooks, Concurrent và Actions.
Phân biệt private, #field, abstract và implements trong TypeScript, giải thích compile-time vs runtime encapsulation.
Phân tích các flag trong tsconfig.json, đặc biệt là strict flags, giúp chặn bug runtime và cách bật dần cho codebase cũ.
Tổng quan các tính năng mới trong React 19: Actions, hook use(), useActionState, useOptimistic và dọn dẹp API.
Phân biệt automatic batching của React và batch async task chủ động, hướng dẫn tối ưu re-render với setState và debounce.
Hướng dẫn về Concurrent Rendering trong React 18: Transitions, Suspense, createRoot và useTransition để tối ưu hiệu năng UI.
Hướng dẫn chi tiết cách map lifecycle của class component sang functional component với hooks, kèm bảng tra nhanh và những lỗi thường gặp.
