Buổi 2: Tổng quan về React JS & JSX

ReactJS là gì?

• • Một thư viện CSS

• • Một framework server-side

• • Một thư viện JavaScript để xây dựng giao diện người dùng

• • Một công cụ quản lý cơ sở dữ liệu

Những ưu điểm của ReactJS là gì? (Chọn tất cả các đáp án đúng)

• • Cần phải tải lại trang để cập nhật giao diện

• • Hỗ trợ tạo giao diện người dùng hiệu quả với Virtual DOM

• • Không hỗ trợ phát triển SPA

• Cộng đồng lớn và hỗ trợ nhiều công cụ

Web SPA (Single Page Application) là gì?

• • Một loại trang web chỉ có một trang duy nhất

• Một trang web tải lại toàn bộ nội dung khi chuyển trang

• • Một trang web có nhiều trang và mỗi trang được tải riêng biệt

• • Một ứng dụng desktop

Khái niệm Server-Side Rendering (SSR) là gì?

• • Rendering xảy ra trên phía client sau khi tải trang

• • Rendering xảy ra trên phía server trước khi gửi trang đến client

• • Không sử dụng rendering

• • Rendering xảy ra trên cả server và client cùng một lúc

JSX là gì?

• • Một loại ngôn ngữ máy chủ

• • Một cú pháp JavaScript cho phép viết HTML trong JavaScript

• • Một framework JavaScript

• Một công cụ để biên dịch JavaScript

Những nhược điểm của ReactJS là gì? (Chọn tất cả các đáp án đúng)

• • Có thể gây khó khăn trong việc tối ưu hóa SEO nếu không sử dụng SSR

• • Cung cấp quá nhiều tính năng không cần thiết

• • Cần phải học thêm một cú pháp mới (JSX)

• • Không hỗ trợ phát triển ứng dụng di động

Khái niệm Client-Side Rendering (CSR) là gì? (Chọn tất cả các đáp án đúng)

• • Rendering xảy ra trên phía client sau khi tải trang

• • Rendering xảy ra trên phía server trước khi gửi trang đến client

• • Giúp tăng tốc độ tải trang bằng cách render trên client

• • Thực hiện rendering trên cả server và client

React Element là gì? (Chọn tất cả các đáp án đúng)

• • Một đối tượng mô tả cách hiển thị giao diện người dùng

• • Một component của React

• • Cú pháp để viết CSS

• • Một phần tử trong Virtual DOM

Tại sao các trình duyệt không thể đọc JSX trực tiếp? (Chọn tất cả các đáp án đúng)

• • JSX không phải là một phần của ngôn ngữ JavaScript chuẩn

• • JSX cần phải được biên dịch thành JavaScript thông thường

• • JSX là một loại ngôn ngữ máy chủ

• • JSX không tương thích với tất cả các trình duyệt

Virtual DOM trong ReactJS giúp cải thiện hiệu suất như thế nào?

• • Cập nhật toàn bộ Real DOM mỗi khi có thay đổi

• • So sánh Virtual DOM mới với Virtual DOM cũ và chỉ thực hiện thay đổi cần thiết trên Real DOM

• • Xóa toàn bộ DOM hiện tại và tạo lại từ đầu

• • Thay đổi cấu trúc Virtual DOM thường xuyên