Podstawy React
JSX, components, props, state, zdarzenia, renderowanie warunkowe, listy i keys
1Czym jest JSX w React?
Czym jest JSX w React?
Odpowiedź
JSX to rozszerzenie składni JavaScript, które pozwala na pisanie znaczników przypominających HTML bezpośrednio w kodzie JavaScript. Jest on przekształcany w wywołania funkcji React.createElement przez Babel podczas kompilacji. Używanie JSX sprawia, że kod jest bardziej czytelny i umożliwia wykrywanie błędów w czasie kompilacji dzięki typowaniu, łącząc moc JavaScript ze znajomą składnią.
2Jaka składnia jest poprawna do użycia wyrażenia JavaScript w JSX?
Jaka składnia jest poprawna do użycia wyrażenia JavaScript w JSX?
Odpowiedź
Pojedyncze nawiasy klamrowe pozwalają na integrację dowolnego prawidłowego wyrażenia JavaScript w JSX, takiego jak zmienne, funkcje lub obliczenia. Ta składnia tworzy wyraźną granicę między znacznikami JSX a dynamicznym kodem JavaScript. Podwójne nawiasy klamrowe służą do obiektów stylu inline, nawiasy okrągłe do grupowania wieloliniowego JSX, a nawiasy kwadratowe do tablic JavaScript.
3Jaka jest główna różnica między className w JSX a class w HTML?
Jaka jest główna różnica między className w JSX a class w HTML?
Odpowiedź
JSX używa className zamiast class, ponieważ class jest słowem zarezerwowanym w JavaScript do deklarowania klas ES6. Ponieważ JSX jest przekształcany w JavaScript, użycie class spowodowałoby konflikt składni. Podobnie for staje się htmlFor, a zdarzenia używają camelCase. Ta konwencja pozwala JSX pozostać prawidłowym JavaScriptem, jednocześnie oferując składnię podobną do HTML.
Jak napisać komentarz w kodzie JSX?
Czym jest functional component w React?
+17 pytań z rozmów
Inne tematy rekrutacyjne React / Next.js
Podstawy JavaScript
React Hooks
Cykl życia komponentu
React Router
Zarządzanie stanem z Context
Formularze i Controlled Components
Pobieranie danych i API
React Query (TanStack Query)
Styling & CSS-in-JS
Podstawy Next.js
TypeScript z React
Pobieranie danych w Next.js
Server Actions w Next.js
Routing i Nawigacja w Next.js
API Routes w Next.js
Metadata & SEO w Next.js
Middleware i Auth w Next.js
Testowanie React
Zustand State Management
Optymalizacja wydajności React
Error Boundaries & Error Handling
Advanced React Patterns
Zaawansowane funkcje Next.js
Wdrożenie i Produkcja Next.js
Architecture & Design Patterns
React Server Components
Internacjonalizacja Next.js
React Bezpieczeństwo & Najlepsze Praktyki
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