SBA301 - Chương 2: React nền tảng — JSX, component, props, Virtual DOM
Những viên gạch đầu tiên của React: JSX là phần mở rộng cú pháp của JavaScript, cách nhúng biến bằng dấu ngoặc nhọn, cách truyền props từ component cha xuống con và trả dữ liệu ngược lên bằng hàm callback. Giải thích Virtual DOM và vì sao nó giúp cập nhật giao diện nhanh hơn thao tác trực tiếp lên DOM thật, vai trò của key trong danh sách, React Fragment để gói nhiều phần tử mà không sinh thêm nút DOM, kết xuất có điều kiện, cùng bộ component dựng sẵn React-Bootstrap và ý nghĩa của responsive.
Luyện tập theo chủ đề này
Bạn cần đăng nhập để luyện tập theo chủ đề và lưu tiến độ.
Chưa có bài thi nào cho chủ đề này.
Chủ đề liên quan
Tích hợp ứng dụng trang đơn với Spring Boot - Integrate single page application with Spring BootSBA301 - Chương 10: Bảo mật ứng dụng — Basic Auth, session và JWT
Xác thực và phân quyền cho dịch vụ REST bằng Spring Security. Phần Basic Authentication gồm định dạng header Authorization với base64 của tên đăng nhập và mật khẩu, phản hồi 401 kèm header WWW-Authenticate để trình duyệt bật hộp thoại đăng nhập, tính phi trạng thái và giới hạn an toàn của nó so với OAuth2. Phần phiên làm việc gồm header Cookie mang mã phiên và HttpSession.invalidate để huỷ phiên cùng toàn bộ thuộc tính. Phần JWT gồm vai trò của header trong token và trình tự các bước triển khai.
SBA301 - Chương 11: Kiểm thử ứng dụng Spring Boot
Kiểm thử ứng dụng tích hợp: phân biệt kiểm thử đơn vị với kiểm thử tích hợp, gói spring-boot-starter-test, annotation SpringBootTest cùng tham số webEnvironment. RANDOM_PORT khởi động máy chủ nhúng trên cổng ngẫu nhiên và là điều kiện để tiêm TestRestTemplate, DEFINED_PORT dùng khi cần gọi HTTP thật vào cổng đã định, còn WebMvcTest chỉ nạp tầng web cho nhẹ. Kèm ExtendWith với SpringExtension khi chạy trên JUnit 5.
SBA301 - Chương 1: Kiến trúc SPA và tích hợp với Spring Boot
Tổng quan ứng dụng trang đơn (Single Page Application) và cách nó ghép với backend Spring Boot: vì sao SPA chuyển trang nhanh hơn sau lần tải đầu, đánh đổi ở lần tải đầu tiên, cách SPA giảm tải cho máy chủ nhờ đẩy việc định tuyến và dựng giao diện xuống trình duyệt. Kèm những điểm phải tự xử lý mà trang truyền thống được sẵn: lịch sử duyệt web, công cụ phân tích như Google Analytics, và rủi ro bảo mật XSS do xử lý nặng phía client. Có cả vai trò của HTTP và của máy chủ backend trong kiến trúc này.
SBA301 - Chương 3: State và Hooks trong React
Quản lý trạng thái trong component hàm: useState trả về giá trị và hàm cập nhật, vì sao sửa thẳng biến state thì React bỏ qua, useEffect thay cho componentDidMount để chạy tác dụng phụ và ý nghĩa của mảng phụ thuộc. Bao gồm useMemo để ghi nhớ kết quả tính toán tốn kém, useReducer, phân biệt hook hợp lệ với tên bịa, Rules of Hooks (không gọi hook trong vòng lặp hay nhánh điều kiện), component có kiểm soát, kỹ thuật nâng state lên tổ tiên chung gần nhất, và cách đọc state trong component lớp.