# TypeScript dla React i React Native (React Native)

> Typy props/state, generics, discriminated unions, typowanie hooks, typy React Navigation, odpowiedzi API

- 22 pytań z rozmów
- Junior
- [Pytania z rozmów: React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne.md)

## 1. 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.

## 2. 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.

## 3. 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.

## Jeszcze 19 dostępnych pytań

- Jak otypować hook useState za pomocą niestandardowego typu w TypeScript?
- Czym jest typ generyczny (generic) w TypeScript i do czego służy?

Zarejestruj się za darmo: https://sharpskill.dev/pl/login

## Inne tematy rekrutacyjne React Native

- [Podstawy JavaScript](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/javascript-essentials.md): 25 pytań, Junior
- [Podstawy React](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/react-fundamentals.md): 20 pytań, Junior
- [Podstawy React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/react-native-basics.md): 22 pytań, Junior
- [React Hooks](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/react-hooks.md): 20 pytań, Junior
- [Komponenty i API React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-components-api.md): 20 pytań, Junior
- [Stylowanie i układ w React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-styling-layout.md): 18 pytań, Junior
- [Nawigacja w React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-navigation.md): 22 pytań, Mid-Level
- [Zarządzanie stanem w React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-state-management.md): 24 pytań, Mid-Level
- [Networking i API w React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-networking-api.md): 20 pytań, Mid-Level
- [Trwałość danych](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-data-persistence.md): 20 pytań, Mid-Level
- [Formularze i walidacja](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-forms-validation.md): 18 pytań, Mid-Level
- [Animacje React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-animations.md): 22 pytań, Mid-Level
- [Native Modules & Bridge](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-native-modules.md): 20 pytań, Mid-Level
- [Kod specyficzny dla platformy](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-platform-specific-code.md): 18 pytań, Mid-Level
- [Uprawnienia i interfejsy API urządzenia](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-permissions-apis.md): 20 pytań, Mid-Level
- [Push Notifications](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-push-notifications.md): 18 pytań, Mid-Level
- [Testowanie React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-testing.md): 20 pytań, Mid-Level
- [Debugowanie React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-debugging.md): 18 pytań, Mid-Level
- [Build & Deployment](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-build-deployment.md): 20 pytań, Mid-Level
- [Expo vs React Native Bare](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/expo-vs-bare-rn.md): 18 pytań, Mid-Level
- [Optymalizacja wydajności](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-performance-optimization.md): 24 pytań, Senior
- [Zarządzanie pamięcią](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-memory-management.md): 20 pytań, Senior
- [Architecture Patterns](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-architecture-patterns.md): 22 pytań, Senior
- [New Architecture w React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-new-architecture.md): 24 pytań, Senior
- [Najlepsze praktyki bezpieczeństwa](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-security-best-practices.md): 20 pytań, Senior
- [Offline-First Architecture](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-offline-first.md): 20 pytań, Senior
- [CI/CD React Native](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-ci-cd.md): 20 pytań, Senior
- [Monorepo i współdzielenie kodu](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-monorepo-architecture.md): 18 pytań, Senior
- [Zaawansowane tematy](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-advanced-topics.md): 22 pytań, Senior
- [Cykl życia aplikacji i wykonywanie w tle](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-app-lifecycle-background.md): 20 pytań, Mid-Level
- [Uwierzytelnianie i zarządzanie sesją](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-auth-session-management.md): 22 pytań, Mid-Level
- [Monitoring & Crash Reporting](https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/rn-monitoring-crash-reporting.md): 20 pytań, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/pl/technologies/react-native/pytania-rekrutacyjne/typescript-for-react-native