React Native

Monorepo та спільне використання коду

Yarn workspaces, nx, shared packages, React Native Web, стратегії повторного використання коду

18 питань зі співбесід·
Senior
1

Що таке monorepo в контексті розробки React Native?

Відповідь

Monorepo — це архітектура, у якій кілька проєктів або пакетів зберігаються в одному репозиторії Git. У контексті React Native це дозволяє спільно використовувати код між мобільним застосунком, веб-застосунком (React Native Web) та утилітарними пакетами. Переваги включають централізоване керування залежностями, атомарні рефакторинги та узгодженість коду між платформами.

2

Яка основна роль Yarn workspaces у monorepo React Native?

Відповідь

Yarn workspaces дозволяють керувати кількома пакетами в одному репозиторії з єдиним hoisted node_modules у кореневій теці. Це зменшує дублювання залежностей, забезпечує автоматичне символьне зв'язування між локальними пакетами та полегшує глобальні скрипти. У monorepo React Native це дозволяє автоматично зв'язувати спільні пакети як з мобільним, так і з веб-застосунком.

3

Як налаштувати базове monorepo з Yarn workspaces для React Native?

Відповідь

Базова конфігурація вимагає кореневого package.json з полем workspaces, що визначає шаблони пакетів. Зазвичай packages/* або apps/* використовується для застосунків, а packages/* — для спільних бібліотек. Поле private має бути встановлене в true, щоб запобігти випадковій публікації кореневого пакета. Metro bundler також потребує конфігурації для коректного розв'язання символьних посилань.

4

Яку проблему може спричинити hoisting залежностей у monorepo React Native?

5

Що таке Nx і яку основну перевагу він надає порівняно з самими лише Yarn workspaces?

+15 питань зі співбесід

Інші теми співбесід React Native

Основи JavaScript

Junior
25 запитань

Основи React

Junior
20 запитань

Основи React Native

Junior
22 запитань

React Hooks

Junior
20 запитань

TypeScript для React та React Native

Junior
22 запитань

Компоненти та API React Native

Junior
20 запитань

Стилізація та макет у React Native

Junior
18 запитань

Навігація в React Native

Mid-Level
22 запитань

Управління станом у React Native

Mid-Level
24 запитань

Networking та API в React Native

Mid-Level
20 запитань

Збереження даних

Mid-Level
20 запитань

Форми та валідація

Mid-Level
18 запитань

Анімації React Native

Mid-Level
22 запитань

Native Modules & Bridge

Mid-Level
20 запитань

Код, специфічний для платформи

Mid-Level
18 запитань

Дозволи та API пристрою

Mid-Level
20 запитань

Push Notifications

Mid-Level
18 запитань

Тестування React Native

Mid-Level
20 запитань

Налагодження React Native

Mid-Level
18 запитань

Build & Deployment

Mid-Level
20 запитань

Expo vs React Native Bare

Mid-Level
18 запитань

Оптимізація продуктивності

Senior
24 запитань

Управління пам'яттю

Senior
20 запитань

Architecture Patterns

Senior
22 запитань

React Native New Architecture

Senior
24 запитань

Найкращі практики безпеки

Senior
20 запитань

Offline-First Architecture

Senior
20 запитань

CI/CD React Native

Senior
20 запитань

Складні теми

Senior
22 запитань

Життєвий цикл застосунку та фонове виконання

Mid-Level
20 запитань

Автентифікація та керування сесіями

Mid-Level
22 запитань

Monitoring & Crash Reporting

Senior
20 запитань

Опануй React Native для наступної співбесіди

Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.

Почни безкоштовно