Я новичок в React JS
. Я пытаюсь создать веб-приложение, которое также должно работать на мобильных устройствах (Android и IOS), поэтому подумал об использовании react js
для web application
и создал несколько компонентов. поэтому можно использовать компонент React js
в React native
.Как повторно использовать компонент React JS in React Native
ответ
Хорошо, что вы планируете заранее. 100% соответствия между JS и Native будет невозможно, но при тщательном планировании вы можете многократно использовать много.
Возможно, вы захотите ознакомиться с проектом React Native Web, который отображает компоненты, специфичные для конкретного человека для Web (например, View, Image, Text и т. Д.).
Я предлагаю создать простой прототип в React JS, а затем в React Native, чтобы вы поняли различия в двух экосистемах. Имея практический опыт будет более полезным, чем любой :) рецензии
ReactNative представляет собой набор реальных носителей компонентов, как View
, TextInput
TouchableHighlight
и more. Это также платформа, которая позволяет запускать javascript-код для управления ими.
В Кордове нет WebView, то, что вы получаете, является родным приложением с родными видами.
Но это означает, что вы все еще можете использовать некоторую или вашу логику домена, написанную в JS, которую вы можете использовать таким же образом в своем веб-приложении.
Например, у вас есть экран входа в систему для iOS, но все необходимое для ваших вызовов на сервере можно перейти в отдельный модуль, например. api/auth.js
, который можно использовать между веб-сайтами, ios, android, iot .. что когда-либо.
- 1. React JS v React Native
- 2. SHA256 in React Native
- 3. Навигация in React Native
- 4. React.addons in React Native
- 5. React Native - Как повторно отобразить компонент Navigator на значке нажмите
- 6. zIndex in React Native
- 7. viewWillAppear in React Native
- 8. setTimeout in React Native
- 9. Socket.io in React Native
- 10. React native, RCT_EXPORT_METHOD in view
- 11. React Native XCode js files in tabs
- 12. Абсолютное позиционирование In React Native
- 13. Update ListView in React Native
- 14. React/React-Native Refs [FIXED]
- 15. Alt @decorators in React-Native
- 16. React-Native-Meteor update React-Native 0.33
- 17. React Native: Refs in ListView
- 18. Image preloading in React Native
- 19. Google fonts in React Native
- 20. Центрирование PickerIOS in React Native
- 21. ListView grid in React Native
- 22. Использование decimals in React Native
- 23. Modal View in React Native
- 24. Анимационный backgroundColor in React Native
- 25. Geolocation in React Native iOS
- 26. 'Global' modal in React Native
- 27. Map pinning in react native
- 28. React Native crashing in production
- 29. эквивалент «canvas» in React Native
- 30. Точность setTimeout in React Native