wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Тест з React та Next.js

Total questions: 15

Worksheet time: 8mins

Name
Class
Date
1.

Яка команда використовується для створення нового проєкту Next.js?

a)

npx create-react-app my-app

b)

npx create-next-app my-app

c)

npm init next-app

d)

npx init-next-app my-app

2.

Як можна визначити маршрутизацію у Next.js?

a)

Використовуючи react-router-dom

b)

Створюючи папки в директорії app

c)

Використовуючи next-router

d)

Створюючи файли в директорії routes

3.

Що означає абревіатура JSX у React?

a)

JavaScript Syntax

b)

JavaScript XML

c)

JavaScript Extension

d)

JavaScript Express

4.

Яка з наступних властивостей використовуються для встановлення стилів у компонентах React?

a)

className

b)

class

c)

style

d)

css

5.

Який хук використовується для створення локального стану у функціональному компоненті React?

a)

useEffect

b)

useState

c)

useReducer

d)

useContext

6.

Який метод використовується для передачі стану з батьківського компонента в дочірній у React?

a)

props

b)

state

c)

context

d)

ref

7.

Яка команда використовується для запуску Next.js додатка в режимі розробки?

a)

npm start

b)

npm run dev

c)

npm build

d)

npm serve

8.

Яка з цих функцій використовується для створення посилань у Next.js?

a)

Link

b)

a

c)

NavLink

d)

Link з пакету next/link

9.

Який з наступних методів використовується для виконання HTTP-запитів у JavaScript?

a)

ajax

b)

fetch

c)

httpRequest

d)

httpClient

10.

Як можна перетворити відповідь fetch на формат JSON?

a)

response.toJSON()

b)

response.json()

c)

response.parse()

d)

response.data()

11.

Який статус відповіді означає, що запит був успішним у fetch?

a)

status === 200

b)

status === 400

c)

status === 500

d)

status === 302

12.

Як називається папка, де зберігаються компоненти маршрутів у Next.js 14?

a)

pages

b)

app

c)

routes

d)

src

13.

Як можна визначити динамічний сегмент маршруту в папці app у Next.js 14?

a)

app/[id]/page.js

b)

app/:id/page.js

c)

app/{id}/page.js

d)

app/id/page.js

14.

Для чого використовується key props у React?

a)

Для визначення унікальності компонентів у масиві

b)

Для зберігання значення стану компонента

c)

Для передачі даних між компонентами

d)

Для додавання стилів до компонента

15.

Що таке компонента в React?

a)

Незалежний та повторно використовуваний фрагмент коду, який визначає, як певна частина інтерфейсу повинна виглядати і поводитись

b)

Функція, яка додає стилі до елементів

c)

Метод, який викликається при рендерингу сторінки

d)

Бібліотека для роботи з HTTP-запитами