React Native
Изучи один раз, пиши везде: создание мобильных приложений на React

Создавайте полноценные мобильные приложения, используя JavaScript и React

React Native позволяет вам создавать мобильные приложения, используя только JavaScript. Он использует тот же самый дизайн что и React, позволяя вам создавать насыщенные мобильные UI из декларативных компонентов.

import React, { Component } from 'react'; import { Text, View } from 'react-native'; class WhyReactNativeIsSoGreat extends Component { render() { return ( <View> <Text> If you like React on the web, you'll like React Native. </Text> <Text> You just use native components like 'View' and 'Text', instead of web components like 'div' and 'span'. </Text> </View> ); } }

Приложение React Native - полноценное мобильное приложение

С React Native Вы не создаете “мобильное веб-приложение”, “приложение HTML5” или “гибридное приложение”. Вы создаете реальное мобильное приложение, которое неотличимо от приложения, созданного с использованием Objective C или Java. React Native использует те же самые фундаментальные стандартные блоки UI в что и обычные приложения iOS и Android. Вы просто размещаете эти стандартные блоки, используя JavaScript и React.

import React, { Component } from 'react'; import { Image, ScrollView, Text } from 'react-native'; class AwkwardScrollingImageWithText extends Component { render() { return ( <ScrollView> <Image source={{uri: 'https://i.chzbgr.com/full/7345954048/h7E2C65F9/'}} /> <Text> On iOS, a React Native ScrollView uses a native UIScrollView. On Android, it uses a native ScrollView. On iOS, a React Native Image uses a native UIImageView. On Android, it uses a native ImageView. React Native wraps the fundamental native components, giving you the performance of a native app, plus the clean design of React. </Text> </ScrollView> ); } }

Не тратьте понапрасну время на перекомпиляцию

React Native позволяет вам создавать свои приложения быстрее. Вместо перекомпиляции можно немедленно перезагрузить свое приложение. Используя горячую перезагрузку, можно запустить даже новый код с сохранением состояния вашего приложения. Попробуйте, это просто волшебный опыт!


Используйте нативнй код когда это нужно

React Native без сложностей объединяется с компонентами, написанными на Objective C, Java или Swift. Если вам нужно оптимизировать какие-то из аспектов своего приложения, то добавить нативный код очень просто. Также легко вы можете создать часть приложения на React Native, а часть - используя непосредственно нативный код, так как работает приложение Facebook.

import React, { Component } from 'react'; import { Text, View } from 'react-native'; import { TheGreatestComponentInTheWorld } from './your-native-code'; class SomethingFast extends Component { render() { return ( <View> <TheGreatestComponentInTheWorld /> <Text> TheGreatestComponentInTheWorld could use native Objective-C, Java, or Swift - the product development process is the same. </Text> </View> ); } }