Налагодження React Native
Flipper, React DevTools, Metro bundler, console.log, breakpoints, моніторинг продуктивності
1Яка основна роль Metro у проєкті React Native?
Яка основна роль Metro у проєкті React Native?
Відповідь
Metro — це JavaScript-бандлер React Native, який компілює та об'єднує код JavaScript в єдиний файл для застосунку. Він також обробляє Hot Module Replacement (HMR) під час розробки, дозволяючи бачити зміни миттєво без перезапуску застосунку. Metro перетворює код ES6+, TypeScript та JSX на JavaScript, сумісний із JavaScript-рушієм пристрою.
2Яка команда відкриває меню розробника в емуляторі Android?
Яка команда відкриває меню розробника в емуляторі Android?
Відповідь
В емуляторі Android комбінація Ctrl+M (або Cmd+M на Mac) відкриває меню розробника React Native. Це меню надає доступ до таких опцій, як перезавантаження застосунку, увімкнення Remote Debugging, інспектування елементів за допомогою React DevTools та перемикання Performance Monitor. На фізичному пристрої струшування пристрою також відкриває це меню.
3Що таке Flipper і яка його основна перевага для налагодження React Native?
Що таке Flipper і яка його основна перевага для налагодження React Native?
Відповідь
Flipper — це десктопна платформа для налагодження, розроблена Meta, яка дозволяє інспектувати застосунки React Native без моста Chrome. Її головна перевага — надання уніфікованого інтерфейсу для налагодження як коду JavaScript, так і нативного коду iOS/Android. Flipper підтримує плагіни для network inspector, логів, layout inspector, баз даних та дозволяє додавати власні плагіни.
Яка різниця між console.log і console.warn у React Native?
Як увімкнути React DevTools для інспектування ієрархії компонентів React Native?
+15 питань зі співбесід
Інші теми співбесід React Native
Основи JavaScript
Основи React
Основи React Native
React Hooks
TypeScript для React та React Native
Компоненти та API React Native
Стилізація та макет у React Native
Навігація в React Native
Управління станом у React Native
Networking та API в React Native
Збереження даних
Форми та валідація
Анімації React Native
Native Modules & Bridge
Код, специфічний для платформи
Дозволи та API пристрою
Push Notifications
Тестування 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 та симуляторів співбесід.
Почни безкоштовно