TypeScript dla React i React Native
Typy props/state, generics, discriminated unions, typowanie hooks, typy React Navigation, odpowiedzi API
1Jaka jest główna zaleta używania TypeScript w projekcie React Native?
Jaka jest główna zaleta używania TypeScript w projekcie React Native?
Odpowiedź
TypeScript wykrywa błędy typów podczas kompilacji, zanim aplikacja w ogóle zostanie uruchomiona. Znacząco zmniejsza to liczbę błędów produkcyjnych związanych z niepoprawnymi typami, poprawia autouzupełnianie w IDE i sprawia, że kod jest bardziej samodokumentujący. W projekcie React Native szczególnie pomaga to poprawnie typować props, state i odpowiedzi API.
2Jaka jest różnica między type a interface w TypeScript?
Jaka jest różnica między type a interface w TypeScript?
Odpowiedź
Interface'y można rozszerzać i scalać poprzez declaration merging, co jest przydatne do rozszerzania typów z bibliotek zewnętrznych. Type'y są bardziej elastyczne i mogą reprezentować unie, przecięcia i typy prymitywne. W praktyce dla prostych obiektów oba są wymienne, ale interface'y są preferowane dla props komponentów React, ponieważ umożliwiają rozszerzanie.
3Jak poprawnie typować props funkcyjnego komponentu React Native?
Jak poprawnie typować props funkcyjnego komponentu React Native?
Odpowiedź
Zalecaną metodą jest zdefiniowanie interface'u dla props i użycie go jako typu generycznego lub adnotacji parametru. Można użyć React.FC z generykiem albo bezpośrednio otypować props w sygnaturze funkcji. Drugie podejście jest często preferowane, ponieważ React.FC niejawnie zawiera children, co może być niepożądane.
Jak otypować hook useState za pomocą niestandardowego typu w TypeScript?
Czym jest typ generyczny (generic) w TypeScript i do czego służy?
+19 pytań z rozmów
Inne tematy rekrutacyjne React Native
Podstawy JavaScript
Podstawy React
Podstawy React Native
React Hooks
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