TypeScript для React та React Native
Типи props/state, generics, discriminated unions, типізація hooks, типи React Navigation, відповіді API
1Яка головна перевага використання TypeScript у проєкті React Native?
Яка головна перевага використання TypeScript у проєкті React Native?
Відповідь
TypeScript виявляє помилки типів під час компіляції, ще до того, як застосунок запуститься. Це значно зменшує кількість продакшн-багів, пов'язаних із некоректними типами, покращує автодоповнення в IDE і робить код більш самодокументованим. У проєкті React Native це особливо допомагає правильно типізувати props, state та відповіді API.
2Яка різниця між type та interface у TypeScript?
Яка різниця між type та interface у TypeScript?
Відповідь
Interface можна розширювати та об'єднувати через declaration merging, що корисно для розширення типів сторонніх бібліотек. Type більш гнучкі та можуть представляти об'єднання, перетини й примітивні типи. На практиці для простих об'єктів обидва взаємозамінні, але для props компонентів React надають перевагу interface, оскільки вони дозволяють розширення.
3Як правильно типізувати props функціонального компонента React Native?
Як правильно типізувати props функціонального компонента React Native?
Відповідь
Рекомендований спосіб — визначити interface для props і використовувати його як узагальнений тип або анотацію параметра. Можна використати React.FC з узагальненням або типізувати props безпосередньо в сигнатурі функції. Другий підхід часто кращий, оскільки React.FC неявно включає children, що може бути небажаним.
Як типізувати хук useState із власним типом у TypeScript?
Що таке узагальнений тип (generic) у TypeScript і для чого він використовується?
+19 питань зі співбесід
Інші теми співбесід React Native
Основи JavaScript
Основи React
Основи React Native
React Hooks
Компоненти та API React Native
Стилізація та макет у React Native
Навігація в React Native
Управління станом у React Native
Networking та API в React Native
Збереження даних
Форми та валідація
Анімації React Native
Native Modules & Bridge
Код, специфічний для платформи
Дозволи та API пристрою
Push Notifications
Тестування React Native
Налагодження React Native
Build & Deployment
Expo vs React Native Bare
Оптимізація продуктивності
Управління пам'яттю
Architecture Patterns
React Native New Architecture
Найкращі практики безпеки
Offline-First Architecture
CI/CD React Native
Monorepo та спільне використання коду
Складні теми
Життєвий цикл застосунку та фонове виконання
Автентифікація та керування сесіями
Monitoring & Crash Reporting
Опануй React Native для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно