TypeScript z React
Typy dla props, state, events, generics, typ FC, typ children, typowanie hooków
1Jaka jest poprawna składnia do typowania props komponentu React?
Jaka jest poprawna składnia do typowania props komponentu React?
Odpowiedź
Interfejs Props, po którym następuje typowanie funkcji z Props jako parametrem, to zalecana standardowa składnia. To podejście zapewnia doskonałe wnioskowanie typów i umożliwia łatwe ponowne użycie typu Props w innych miejscach kodu. Jest bardziej jawny niż React.FC i zapewnia lepszą kontrolę nad typowaniem children.
2Jak poprawnie typować prosty state z useState?
Jak poprawnie typować prosty state z useState?
Odpowiedź
TypeScript automatycznie wnioskuje typ state na podstawie wartości początkowej przekazanej do useState. Dla prostej wartości jak string nie ma potrzeby jawnego określania typu generycznego. Automatyczne wnioskowanie jest wystarczające i sprawia, że kod jest bardziej zwięzły. Jawne typowanie jest przydatne tylko dla unii lub gdy wartość początkowa jest null.
3Jaki jest poprawny typ dla zdarzenia onClick na przycisku?
Jaki jest poprawny typ dla zdarzenia onClick na przycisku?
Odpowiedź
React.MouseEvent<HTMLButtonElement> to specyficzny typ dla zdarzeń kliknięcia na przycisku. Parametr generyczny HTMLButtonElement określa odnośny element DOM, co umożliwia dostęp do właściwości specyficznych dla przycisku przez event.currentTarget. Użycie natywnego DOM MouseEvent lub zbyt ogólnego typu spowodowałoby utratę tej precyzji typowania.
Jakiego typu użyć do typowania children komponentu opakowującego?
Jaka jest główna różnica między React.FC a bezpośrednim typowaniem?
+17 pytań z rozmów
Inne tematy rekrutacyjne React / Next.js
Podstawy JavaScript
Podstawy React
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
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