Tag: frontend
All the articles with the tag "frontend".
P1: Testing pyramid: Unit, Integration, E2E khác nhau ở đâu
Ba tầng của testing pyramid trong frontend, tiêu chí chọn viết loại test nào cho từng tình huống, và sai lầm phổ biến khi viết quá nhiều E2E test.
Tối ưu hiệu năng trong React
Vì sao component re-render, cách dùng React.memo/useMemo/useCallback đúng chỗ, vì sao Context gây re-render toàn bộ consumer, key trong danh sách, code splitting và virtualization.
Compound Components Pattern trong React
Compound Components Pattern giải quyết vấn đề gì, cách triển khai bằng Context và Static Properties, lợi ích so với props drilling, và đánh đổi cần lưu ý.
Container và Presentational Components trong React
Container (Smart) và Presentational (Dumb) Component là gì, lợi ích khi tách UI khỏi logic, và vì sao pattern này chuyển dần sang dùng custom hook sau khi React có Hooks.
Từ khóa `this` trong JavaScript: Cách xác định giá trị
Giải thích cách xác định giá trị của this trong JavaScript qua 4 rule: Default Binding, Implicit Binding, Explicit Binding, new Binding, và cách Arrow Function xử lý this khác biệt.
Closure trong JavaScript: Cơ chế và ứng dụng thực tế
Giải thích cơ chế Closure trong JavaScript dựa trên Lexical Scope, cạm bẫy thường gặp trong vòng lặp, các ứng dụng thực tế và rủi ro memory leak.
Event Loop: Call Stack, Task Queue và Microtask Queue
Giải thích ngắn gọn cơ chế Event Loop trong JavaScript: Call Stack, Web APIs, Task Queue, Microtask Queue và thứ tự thực thi thực tế.