Mobile applications in a new way with React Native (by Eugene Zharkov) - Hack'n'Tell JavaScript - 2015.05.16

React NativeEugene Zharkov

eu.zharkov@gmail.com @2j2e

We can write mobile applications...

using ReactJS...

using HTML principals...

using CSS principals...

without HTML...

without CSS...

without WebView

Supported platforms iOS and Android

Supported platforms iOS and Androidnot available

Under the hood

React JS JavaScriptCore Native ComponentsRCTBridge

Components• ActivityIndicatorIOS

• DatePickerIOS

• Image

• ListView

• MapView

• Navigator

• NavigatorIOS

• PickerIOS

• ScrollView

• SliderIOS

• SwitchIOS

• TabBarIOS

• TabBarIOS.Item

• Text

• TextInput

• TouchableHighlight

• TouchableOpacity

• TouchableWithoutFeedback

• View

• WebView

Components

Moving to the project

Setup

Setup↬ Homebrew ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

↬ Node.js brew install node

↬ Watchman brew install --HEAD watchman

↬ Google Chrome

↬ React Native CLI npm install -g react-native-cli

Includes

JSX

Styles

Actions

Actions

Debug

The End