Promise callback đi vào microtask queue, còn setTimeout đi vào macrotask queue. Sau khi call stack rỗng, event loop ưu tiên chạy toàn bộ microtask trước rồi mới đến macrotask.

Closure xảy ra khi một function ghi nhớ lexical scope nơi nó được tạo ra, kể cả sau khi scope bên ngoài đã chạy xong. Nó hữu ích cho debounce, memoization, factory function và giữ state private.

Dùng try/catch quanh await, phân biệt lỗi network, lỗi business và lỗi validation. Ở tầng UI cần set loading trong finally, hiển thị thông báo rõ, và log lỗi đủ ngữ cảnh ở tầng phù hợp.

Component render lại khi state, props hoặc context liên quan thay đổi. Tối ưu bằng cách giữ state đúng phạm vi, tách component, memo hóa tính toán đắt và tránh tạo object/function mới không cần thiết.

State nên đặt ở component thấp nhất nhưng vẫn bao phủ các nơi cần đọc hoặc cập nhật. Nếu chỉ một input và một list dùng filter, đặt state ở parent gần nhất. Tránh đưa state lên global khi chưa cần.

Server Component phù hợp cho đọc dữ liệu, render nội dung tĩnh hoặc bảo mật token server. Client Component cần cho state, effect, event handler và API browser. Tách đúng giúp giảm JavaScript và giữ logic nhạy cảm ở server.

Server Action là function server có thể gọi trực tiếp từ form hoặc client, phù hợp mutation gắn với UI. Dù vậy vẫn phải validate input, kiểm tra session/role và revalidate path sau khi ghi dữ liệu.

Next.js có nhiều lớp cache cho render và fetch. Khi dữ liệu thay đổi qua mutation, cần revalidatePath hoặc revalidateTag để route liên quan lấy dữ liệu mới. Dữ liệu theo user thường nên dynamic hoặc đọc ngoài cache public.

XSS là khi attacker chèn script chạy trong browser người dùng. Giảm rủi ro bằng escape output mặc định của React, sanitize HTML nếu render markdown, validate URL embed YouTube và không dùng dangerouslySetInnerHTML khi chưa kiểm soát.

Một câu trả lời tốt nêu bối cảnh cụ thể, phản ứng bình tĩnh, cách bạn xác minh vấn đề, thay đổi code/process và kết quả sau đó. Tránh đổ lỗi, tập trung vào học hỏi và tiêu chuẩn kỹ thuật.