React / Next.js

React Router

BrowserRouter, Routes, Route, Link, useNavigate, useParams, nested routes, protected routes

20 питань зі співбесід·
Junior
1

Що таке BrowserRouter у React Router?

Відповідь

BrowserRouter використовує History API браузера для створення чистих URL без хешу. На відміну від HashRouter, який додає # до URL, BrowserRouter забезпечує кращий досвід користувача та SEO. Однак він вимагає налаштування сервера для правильної обробки маршрутів у виробничому середовищі.

2

Який компонент слід використовувати для визначення маршруту в React Router?

Відповідь

Компонент Route визначає відповідність між шляхом URL та компонентом для відображення. Він має бути розміщений всередині компонента Routes для правильної роботи. Кожен Route вказує path та element для рендерингу, коли URL збігається.

3

Для чого призначений компонент Link у React Router?

Відповідь

Link створює навігаційні посилання без перезавантаження сторінки. На відміну від рідного HTML-тегу <a>, Link перехоплює кліки та використовує History API для зміни URL. Це зберігає стан додатка та забезпечує більш швидку та плавну навігацію.

4

Яка роль компонента Routes?

5

Як отримати параметр URL, наприклад :id у /user/:id?

+17 питань зі співбесід

Інші теми співбесід React / Next.js

Основи JavaScript

Junior
25 запитань

Основи React

Junior
20 запитань

React Hooks

Junior
22 запитань

Життєвий цикл компонента

Junior
18 запитань

Управління станом з Context

Junior
18 запитань

Форми та Controlled Components

Mid-Level
20 запитань

Отримання даних та API

Mid-Level
20 запитань

React Query (TanStack Query)

Mid-Level
20 запитань

Styling & CSS-in-JS

Mid-Level
18 запитань

Основи Next.js

Mid-Level
25 запитань

TypeScript з React

Mid-Level
20 запитань

Data Fetching у Next.js

Mid-Level
24 запитань

Server Actions у Next.js

Mid-Level
20 запитань

Маршрутизація та Навігація в Next.js

Mid-Level
22 запитань

API Routes у Next.js

Mid-Level
20 запитань

Metadata & SEO у Next.js

Mid-Level
18 запитань

Middleware та Auth у Next.js

Mid-Level
22 запитань

Тестування React

Mid-Level
20 запитань

Zustand State Management

Mid-Level
18 запитань

Оптимізація продуктивності React

Senior
22 запитань

Error Boundaries & обробка помилок

Senior
18 запитань

Advanced React Patterns

Senior
20 запитань

Розширені можливості Next.js

Senior
24 запитань

Розгортання та Продакшн Next.js

Senior
20 запитань

Architecture & Design Patterns

Senior
22 запитань

React Server Components

Senior
26 запитань

Інтернаціоналізація Next.js

Senior
20 запитань

React Безпека & Найкращі Практики

Senior
22 запитань

Опануй React / Next.js для наступної співбесіди

Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.

Почни безкоштовно