React / Next.js

Podstawy Next.js

App Router, Server Components, Client Components, routing oparty na plikach, layouts, strony

25 pytań z rozmów·
Mid-Level
1

Czym jest App Router w Next.js?

Odpowiedź

App Router to nowy system routingu w Next.js 13+ oparty na katalogu app/. Zastępuje Pages Router i wprowadza Server Components domyślnie, współdzielone layouty i bardziej elastyczny model routingu z konwencjami plików, takimi jak page.tsx, layout.tsx i loading.tsx.

2

Jak stworzyć trasę /about w App Router?

Odpowiedź

W App Router każdy folder reprezentuje segment trasy. Aby utworzyć /about, utwórz app/about/page.tsx. Plik page.tsx jest wymagany, aby uczynić trasę publicznie dostępną. Bez tego pliku folder będzie jedynie segmentem ścieżki bez wyświetlanej strony.

3

Jakie jest domyślne zachowanie komponentów w App Router?

Odpowiedź

W App Router wszystkie komponenty są domyślnie Server Components. Działają wyłącznie na serwerze i nie wysyłają JavaScript do klienta, co poprawia wydajność. Aby korzystać z funkcji klienta (hooks, zdarzenia), należy dodać dyrektywę 'use client' na początku pliku.

4

Jak stworzyć dynamiczną trasę /posts/[id] w App Router?

5

Do czego służy plik layout.tsx w App Router?

+22 pytań z rozmów

Inne tematy rekrutacyjne React / Next.js

Podstawy JavaScript

Junior
25 pytań

Podstawy React

Junior
20 pytań

React Hooks

Junior
22 pytań

Cykl życia komponentu

Junior
18 pytań

React Router

Junior
20 pytań

Zarządzanie stanem z Context

Junior
18 pytań

Formularze i Controlled Components

Mid-Level
20 pytań

Pobieranie danych i API

Mid-Level
20 pytań

React Query (TanStack Query)

Mid-Level
20 pytań

Styling & CSS-in-JS

Mid-Level
18 pytań

TypeScript z React

Mid-Level
20 pytań

Pobieranie danych w Next.js

Mid-Level
24 pytań

Server Actions w Next.js

Mid-Level
20 pytań

Routing i Nawigacja w Next.js

Mid-Level
22 pytań

API Routes w Next.js

Mid-Level
20 pytań

Metadata & SEO w Next.js

Mid-Level
18 pytań

Middleware i Auth w Next.js

Mid-Level
22 pytań

Testowanie React

Mid-Level
20 pytań

Zustand State Management

Mid-Level
18 pytań

Optymalizacja wydajności React

Senior
22 pytań

Error Boundaries & Error Handling

Senior
18 pytań

Advanced React Patterns

Senior
20 pytań

Zaawansowane funkcje Next.js

Senior
24 pytań

Wdrożenie i Produkcja Next.js

Senior
20 pytań

Architecture & Design Patterns

Senior
22 pytań

React Server Components

Senior
26 pytań

Internacjonalizacja Next.js

Senior
20 pytań

React Bezpieczeństwo & Najlepsze Praktyki

Senior
22 pytań

Opanuj React / Next.js na następną rozmowę

Uzyskaj dostęp do wszystkich pytań, flashcards, testów technicznych, ćwiczeń code review i symulatorów rozmów.

Zacznij za darmo