React / Next.js

Основи Next.js

App Router, Server Components, Client Components, маршрутизація на основі файлів, layouts, сторінки

25 питань зі співбесід·
Mid-Level
1

Що таке App Router у Next.js?

Відповідь

App Router — це нова система маршрутизації в Next.js 13+, заснована на директорії app/. Вона замінює Pages Router та вводить Server Components за замовчуванням, спільні layouts та більш гнучку модель маршрутизації з файловими угодами, такими як page.tsx, layout.tsx та loading.tsx.

2

Як створити маршрут /about в App Router?

Відповідь

В App Router кожна папка представляє сегмент маршруту. Щоб створити /about, потрібно створити app/about/page.tsx. Файл page.tsx необхідний для публічного доступу до маршруту. Без цього файлу папка буде лише сегментом шляху без відображуваної сторінки.

3

Яка поведінка компонентів за замовчуванням в App Router?

Відповідь

В App Router всі компоненти за замовчуванням є Server Components. Вони виконуються лише на сервері і не надсилають JavaScript клієнту, покращуючи продуктивність. Щоб використовувати клієнтські функції (hooks, події), потрібно додати директиву 'use client' на початку файлу.

4

Як створити динамічний маршрут /posts/[id] в App Router?

5

Для чого призначений файл layout.tsx в App Router?

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

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

Основи JavaScript

Junior
25 запитань

Основи React

Junior
20 запитань

React Hooks

Junior
22 запитань

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

Junior
18 запитань

React Router

Junior
20 запитань

Управління станом з 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 запитань

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 та симуляторів співбесід.

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