Podstawy React
JSX, komponenty, props, state, zdarzenia, renderowanie warunkowe, listy i keys
1Czym jest JSX w React?
Czym jest JSX w React?
Odpowiedź
JSX to rozszerzenie składni JavaScriptu, które pozwala pisać kod przypominający HTML bezpośrednio w JavaScripcie. Jest transpilowany na wywołania funkcji React.createElement() przez narzędzia takie jak Babel. JSX sprawia, że kod jest bardziej czytelny i ułatwia tworzenie interfejsu użytkownika, łącząc logikę i renderowanie w tym samym pliku.
2Jak umieścić wyrażenie JavaScript w JSX?
Jak umieścić wyrażenie JavaScript w JSX?
Odpowiedź
Wyrażenia JavaScript umieszcza się w JSX, otaczając je pojedynczymi nawiasami klamrowymi. Na przykład, aby wyświetlić zmienną name, piszemy {name}. Ta składnia pozwala wstrzykiwać wartości dynamiczne, wywoływać funkcje lub obliczać wyrażenia bezpośrednio podczas renderowania komponentu.
3Jaka jest główna różnica między komponentem funkcyjnym a komponentem klasowym w React?
Jaka jest główna różnica między komponentem funkcyjnym a komponentem klasowym w React?
Odpowiedź
Komponent funkcyjny to zwykła funkcja JavaScript zwracająca JSX, podczas gdy komponent klasowy rozszerza React.Component i korzysta z metody render(). Od czasu wprowadzenia Hooks w React 16.8 komponenty funkcyjne mogą obsługiwać state i efekty uboczne, przez co komponenty klasowe są mniej potrzebne w nowoczesnych projektach.
Czym jest prop w React?
Czym jest state w React i czym różni się od props?
+17 pytań z rozmów
Inne tematy rekrutacyjne React Native
Podstawy JavaScript
Podstawy React Native
React Hooks
TypeScript dla React i React Native
Komponenty i API React Native
Stylowanie i układ w React Native
Nawigacja w React Native
Zarządzanie stanem w React Native
Networking i API w React Native
Trwałość danych
Formularze i walidacja
Animacje React Native
Native Modules & Bridge
Kod specyficzny dla platformy
Uprawnienia i interfejsy API urządzenia
Push Notifications
Testowanie React Native
Debugowanie React Native
Build & Deployment
Expo vs React Native Bare
Optymalizacja wydajności
Zarządzanie pamięcią
Architecture Patterns
New Architecture w React Native
Najlepsze praktyki bezpieczeństwa
Offline-First Architecture
CI/CD React Native
Monorepo i współdzielenie kodu
Zaawansowane tematy
Cykl życia aplikacji i wykonywanie w tle
Uwierzytelnianie i zarządzanie sesją
Monitoring & Crash Reporting
Opanuj React Native 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