React / Next.js

React Router

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

20 pytań z rozmów·
Junior
1

Czym jest BrowserRouter w React Router?

Odpowiedź

BrowserRouter używa interfejsu History API przeglądarki do tworzenia czystych adresów URL bez hasha. W przeciwieństwie do HashRouter, który dodaje # do URL, BrowserRouter zapewnia lepsze doświadczenie użytkownika i SEO. Wymaga jednak konfiguracji serwera, aby prawidłowo obsługiwać trasy w środowisku produkcyjnym.

2

Jakiego komponentu należy użyć do zdefiniowania trasy w React Router?

Odpowiedź

Komponent Route definiuje dopasowanie między ścieżką URL a komponentem do wyświetlenia. Musi być umieszczony wewnątrz komponentu Routes, aby działać poprawnie. Każda Route określa path i element do wyrenderowania, gdy URL pasuje.

3

Do czego służy komponent Link w React Router?

Odpowiedź

Link tworzy linki nawigacyjne bez przeładowania strony. W przeciwieństwie do natywnego znacznika HTML <a>, Link przechwytuje kliknięcia i używa History API do zmiany URL. Zachowuje to stan aplikacji i zapewnia szybszą, płynniejszą nawigację.

4

Jaka jest rola komponentu Routes?

5

Jak pobrać parametr URL taki jak :id w /user/:id?

+17 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ń

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ń

Podstawy Next.js

Mid-Level
25 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