Frontend_ReactJS_SS32

Thành phần store trong Redux có nhiệm vụ gì?

• Gửi dữ liệu lên server

• Kết nối component với API

• Tạo layout cho UI

• Lưu trữ và quản lý state toàn cục của ứng dụng

Trong redux, action là gì?

• Là các sự kiện phát sinh từ người dùng để gửi dữ liệu từ View đến Reducer

• là một thành phần để cấu tạo lên giao diện của hệ thống

• Một hàm để xử lý bất đồng bộ

• Một HTTP request

Luồng hoạt động cơ bản của Redux là gì?

• Component → Store → Reducer → Action

• Component → API → Reducer → Store

• Action → Reducer → Store → View

• API → Store → Component

Component React cần sử dụng hook nào để lấy dữ liệu từ store?

• useDispatch()

• useSelector()

• useStore()

• useState()

Trong ứng dụng React + Redux, thành phần nào bao bọc toàn bộ ứng dụng để cung cấp Redux store?

• <Provider store={store}>

• <StoreProvider>

• <App>

• <BrowserRouter>

Đoạn code dưới đây có mục đích gì trong component?

• Gửi action để lấy dữ liệu từ store

• Hiển thị nội dung dựa trên giá trị trạng thái lấy từ store

• Tự động dispatch action mỗi khi render

• Gọi API khi status là loading

Tại sao không nên lấy toàn bộ state trong useSelector?

• Dễ sai cấu trúc

• Không lấy được dữ liệu

• Không dùng được với dispatch

• Làm component re-render mỗi khi bất kỳ phần nào của state thay đổi

Với Redux store có cấu trúc như sau:

Câu lệnh nào đúng để lấy giá trị isLoggedIn trong một component React?

• useSelector((state) => state.isLoggedIn)

• useSelector((auth) => auth.state.isLoggedIn)

• useSelector((state) => state.auth.isLoggedIn)

• useSelector((state) => state.user.isLoggedIn)

Trong ứng dụng dùng Redux, khi nào bạn nên dùng useEffect(() => { dispatch(...) }, [])?

• Khi bạn muốn gửi action mỗi khi component render

• Khi muốn gửi action chỉ một lần duy nhất khi component mount

• Khi muốn dispatch trong reducer

• Khi muốn dispatch trong reducer

Nếu bạn dùng useSelector(state => state.user.name) nhưng user không tồn tại trong store, chuyện gì xảy ra?

• Tự tạo state user

• Component sẽ bị crash

• Redux dùng default value

• Trả về undefined hoặc lỗi