wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Quiz về React.js và Next.js

Total questions: 36

Worksheet time: 18mins

Name
Class
Date
1.

React.js là gì?

a)

Một ngôn ngữ lập trình

b)

Một thư viện JavaScript

c)

Một hệ điều hành

d)

Một trình duyệt web

2.

Next.js hoạt động như thế nào?

a)

Làm việc như một cơ sở dữ liệu

b)

Tạo ra các ứng dụng di động

c)

Xây dựng các ứng dụng web tĩnh và động

d)

Quản lý hệ thống mạng

3.

Điểm khác biệt chính giữa React.js và Next.js là gì?

a)

React.js là một framework, Next.js là một thư viện

b)

React.js chỉ dùng cho ứng dụng di động, Next.js cho web

c)

React.js là thư viện, Next.js là framework

d)

React.js và Next.js đều là ngôn ngữ lập trình

4.

Một trong những vấn đề khi chỉ dùng React.js là gì?

a)

Không thể tạo ứng dụng di động

b)

Không hỗ trợ server-side rendering

c)

Không thể kết nối với cơ sở dữ liệu

d)

Không thể tạo giao diện người dùng

5.

React.js là thư viện gì?

a)

Thư viện Python

b)

Thư viện JavaScript

c)

Thư viện C++

d)

Thư viện Ruby

6.

Ai đã phát triển React.js?

a)

Google

b)

Microsoft

c)

Facebook (Meta)

d)

Apple

7.

React.js được ra mắt vào năm nào?

a)

2010

b)

2011

c)

2013

d)

2015

8.

React.js chủ yếu được dùng để làm gì?

a)

Xây dựng ứng dụng di động

b)

Xây dựng giao diện người dùng (UI)

c)

Xây dựng hệ thống cơ sở dữ liệu

d)

Xây dựng trò chơi

9.

React.js có tính năng nào giúp tăng tốc độ hiển thị bằng cách chỉ cập nhật phần thay đổi?

a)

Component-Based

b)

Virtual DOM

c)

One-Way Data Binding

d)

JSX (JavaScript XML)

10.

Tính năng nào của React.js giúp chia nhỏ mọi thứ thành các thành phần độc lập, tái sử dụng?

a)

Virtual DOM

b)

One-Way Data Binding

c)

Component-Based

d)

React Hooks

11.

JSX (JavaScript XML) trong React.js có tác dụng gì?

a)

Tăng tốc độ hiển thị

b)

Viết HTML trong JavaScript dễ hiểu hơn

c)

Kiểm soát luồng dữ liệu

d)

Chia nhỏ thành phần

12.

React Hooks có vai trò gì trong React.js?

a)

Tăng tốc độ hiển thị

b)

Cách viết gọn, mạnh mẽ cho function component

c)

Kiểm soát luồng dữ liệu

d)

Chia nhỏ thành phần

13.

Trong giai đoạn nào của ReactJS, phương thức "constructor" được gọi?

a)

Mounting

b)

Updating

c)

Unmounting

d)

Rendering

14.

Phương thức nào được gọi trong giai đoạn "Unmounting" của ReactJS?

a)

componentDidMount

b)

componentDidUpdate

c)

componentWillUnmount

d)

constructor

15.

Trong giai đoạn "Updating" của ReactJS, phương thức nào có thể được sử dụng để cập nhật trạng thái?

a)

setState()

b)

constructor

c)

componentWillUnmount

d)

componentDidMount

16.

Vấn đề nào sau đây là một trong những hạn chế khi chỉ sử dụng ReactJS?

a)

SEO kém do nội dung render ở client.

b)

Tăng tốc độ tải trang đầu tiên (TTFB).

c)

Quản lý routing tự động.

d)

Có build optimization mặc định.

17.

Giải pháp nào được đề xuất để khắc phục các vấn đề của ReactJS?

a)

AngularJS

b)

Vue.js

c)

Next.js

d)

Ember.js

18.

Tại sao thời gian tải trang đầu tiên (TTFB) có thể chậm khi chỉ dùng ReactJS?

a)

Do nội dung render ở server.

b)

Do nội dung render ở client.

c)

Do có build optimization mặc định.

d)

Do quản lý routing tự động.

19.

Next.js được phát triển bởi công ty nào?

a)

Google

b)

Microsoft

c)

Vercel

d)

Facebook

20.

Next.js được xây dựng trên nền tảng nào?

a)

Angular

b)

Vue.js

c)

React

d)

Ember.js

21.

Điểm mạnh của Next.js là gì?

a)

Tích hợp Front-end và Back-end

b)

Tốc độ xử lý nhanh hơn

c)

Dễ dàng học tập

d)

Hỗ trợ nhiều ngôn ngữ lập trình

22.

ReactJS sử dụng cách render nào?

a)

SSR

b)

CSR (Client)

c)

SSG

d)

ISR

23.

SEO của NextJS được đánh giá như thế nào?

a)

Yếu

b)

Rất tốt

c)

Trung bình

d)

Không hỗ trợ

24.

Routing trong ReactJS được thực hiện như thế nào?

a)

Tự động theo thư mục

b)

Tự cấu hình

c)

Không cần cấu hình

d)

Sử dụng server-side

25.

Bảo mật của NextJS có đặc điểm gì?

a)

Lộ logic client

b)

Có thể xử lý server-side

c)

Không có bảo mật

d)

Chỉ xử lý client-side

26.

API trong ReactJS cần gì?

a)

Có sẵn /api

b)

Cần backend riêng

c)

Không cần backend

d)

Tự động tạo

27.

Tối ưu hình ảnh trong NextJS được thực hiện như thế nào?

a)

Thủ công

b)

Tự động

c)

Không tối ưu

d)

Sử dụng plugin

28.

Cách thức hoạt động của Next.js incremental static regeneration là gì?

a)

Tạo trang mới mỗi khi có yêu cầu

b)

Sử dụng bộ nhớ đệm để cung cấp nội dung cũ và cập nhật nội dung mới

c)

Tải lại toàn bộ trang mỗi khi có thay đổi

d)

Không sử dụng bộ nhớ đệm

29.

Next.js có những chế độ render nào?

a)

Client-Side Rendering và Server-Side Rendering

b)

Static Rendering và Dynamic Rendering

c)

Pre-Rendering và Post-Rendering

d)

HTML Rendering và CSS Rendering

30.

Một trong những ưu điểm của hệ thống được đề cập là gì?

a)

Build phức tạp hơn

b)

SEO cực tốt

c)

Phải học thêm SSR, ISA, routing động

d)

Yêu cầu server nếu không dùng SSG

31.

Điều nào sau đây là một hạn chế của hệ thống?

a)

Hiệu năng cao

b)

Dễ mở rộng và bảo trì

c)

Build phức tạp hơn

d)

Cấu trúc rõ ràng

32.

Hệ thống có yêu cầu gì nếu không sử dụng SSG?

a)

Cần học thêm SSR, ISA, routing động

b)

Yêu cầu server

c)

Dễ deploy

d)

SEO cực tốt

33.

Next.js mở rộng khả năng của React bằng cách nào?

a)

Tăng cường bảo mật

b)

Giải quyết các giới hạn về SEO và tốc độ

c)

Tích hợp với cơ sở dữ liệu

d)

Cải thiện giao diện người dùng

34.

Next.js được xem là gì trong quá trình xây dựng ứng dụng web hiện đại?

a)

Một công cụ thiết kế đồ họa

b)

Một ngôn ngữ lập trình mới

c)

Lựa chọn hàng đầu

d)

Một hệ điều hành

35.

Nếu React là khung sườn, thì Next.js được ví như là gì?

a)

Một phần mềm diệt virus

b)

Một sản phẩm hoàn thiện

c)

Một công cụ quản lý dự án

d)

Một hệ thống lưu trữ

36.

Việc áp dụng Next.js vào hệ thống web công ty có lợi ích gì?

a)

Tăng chi phí vận hành

b)

Giúp tối ưu SEO và cải thiện trải nghiệm người dùng

c)

Giảm hiệu suất hệ thống

d)

Tăng thời gian phát triển