126.7K ·GitHub
Что это такое?
React Native позволяет создавать нативные мобильные приложения для Android, iOS и других платформ с помощью React. Интерфейс описывается на JavaScript, но отрисовывается настоящими нативными компонентами платформы, а не через WebView.
React Native позволяет создавать нативные мобильные приложения для Android, iOS и других платформ с помощью React. Интерфейс описывается на JavaScript, но отрисовывается настоящими нативными компонентами платформы, а не через WebView.Это библиотека для интерфейса или что-то большее, например полноценный фреймворк для приложений?Это базовый фреймворк: он предоставляет нативные примитивы интерфейса, мост между JavaScript и нативным кодом (Native Modules) и архитектуру отрисовки. Но сам по себе это не полный набор инструментов: проект рекомендует использовать его в связке с фреймворком более высокого уровня, например Expo, для маршрутизации, управления нативными зависимостями и инструментов разработки.
Это базовый фреймворк: он предоставляет нативные примитивы интерфейса, мост между JavaScript и нативным кодом (Native Modules) и архитектуру отрисовки. Но сам по себе это не полный набор инструментов: проект рекомендует использовать его в связке с фреймворком более высокого уровня, например Expo, для маршрутизации, управления нативными зависимостями и инструментов разработки.Как мне начать новое приложение на React Native?Рекомендуемый путь — использовать Expo: выполните команду 'npx create-expo-app@latest' и следуйте руководству по началу работы от Expo. Также можно обойтись без фреймворка и следовать руководству «Начало работы без фреймворка» или встроить React Native в уже существующее нативное приложение.
Рекомендуемый путь — использовать Expo: выполните команду 'npx create-expo-app@latest' и следуйте руководству по началу работы от Expo. Также можно обойтись без фреймворка и следовать руководству «Начало работы без фреймворка» или встроить React Native в уже существующее нативное приложение.Нужно ли мне также ставить инструменты для нативной мобильной разработки?Да: поскольку React Native отрисовывает настоящий нативный интерфейс и поставляется с Native Modules для вызова платформенного кода, понадобятся стандартные инструменты для Android и iOS (Android Studio/Gradle, Xcode/CocoaPods) наряду с инструментами для Node/JavaScript.
Да: поскольку React Native отрисовывает настоящий нативный интерфейс и поставляется с Native Modules для вызова платформенного кода, понадобятся стандартные инструменты для Android и iOS (Android Studio/Gradle, Xcode/CocoaPods) наряду с инструментами для Node/JavaScript.Лучше ли просто обойтись без фреймворка?Мейнтейнеры прямо не рекомендуют большинству разработчиков обходиться без фреймворка: навигация, нативные зависимости и платформенные инструменты считаются уже решёнными задачами в экосистеме Expo, поэтому без него всё это придётся решать самостоятельно.
Мейнтейнеры прямо не рекомендуют большинству разработчиков обходиться без фреймворка: навигация, нативные зависимости и платформенные инструменты считаются уже решёнными задачами в экосистеме Expo, поэтому без него всё это придётся решать самостоятельно.Для каких платформ это предназначено?Основные целевые платформы — Android и iOS. Девиз проекта обещает «нативные приложения для Android, iOS и других платформ» по принципу «учи один раз — пиши везде».
Основные целевые платформы — Android и iOS. Девиз проекта обещает «нативные приложения для Android, iOS и других платформ» по принципу «учи один раз — пиши везде».Что происходит, когда я редактирую JavaScript-код во время разработки?Fast Refresh применяет изменения в JS за считаные секунды без пересборки нативного приложения, поэтому локальные правки видны почти сразу.
Fast Refresh применяет изменения в JS за считаные секунды без пересборки нативного приложения, поэтому локальные правки видны почти сразу.Интерфейс действительно использует нативные компоненты или это WebView?Отрисовка идёт настоящими нативными примитивами интерфейса платформы, поэтому жесты, масштабирование текста и специальные возможности работают именно так, как ожидают пользователи в каждой ОС, а не через встроенный браузер.
Отрисовка идёт настоящими нативными примитивами интерфейса платформы, поэтому жесты, масштабирование текста и специальные возможности работают именно так, как ожидают пользователи в каждой ОС, а не через встроенный браузер.Можно ли добавить React Native в уже готовое приложение?Да, в руководстве «Интеграция с существующими приложениями» описано, как постепенно внедрять React Native в существующую нативную кодовую базу.
Да, в руководстве «Интеграция с существующими приложениями» описано, как постепенно внедрять React Native в существующую нативную кодовую базу.Что делать, если нужной функции нет в React Native из коробки?Можно написать Native Modules, чтобы напрямую вызывать платформенный код из JavaScript (синхронно и с контролем типов), либо использовать одну из тысяч существующих библиотек сообщества.
Можно написать Native Modules, чтобы напрямую вызывать платформенный код из JavaScript (синхронно и с контролем типов), либо использовать одну из тысяч существующих библиотек сообщества.What are similar projects?expo, ng-native, react-native-swiper, flutter, weex, nsh, morphlet, capacitor
expo, ng-native, react-native-swiper, flutter, weex, nsh, morphlet, capacitorWhich topics is it in?app-framework, native, react-native, mobile-development, app, mobile-app, sdk, c++, mobile, ui, ios, android
app-framework, native, react-native, mobile-development, app, mobile-app, sdk, c++, mobile, ui, ios, android