React Native allows developing mobile apps using JavaScript and React principles instead of traditional languages like Java and Objective-C. It supports iOS and Android and uses components like View, Text, Image and more to build interfaces without HTML or CSS. Setting up a React Native project requires installing Node.js, Watchman, and the React Native CLI to transpile code and debug apps in a similar way to building React web apps.

1. React Native
Eugene Zharkov
eu.zharkov@gmail.com
@2j2e

2. We can write
mobile applications...

3. using ReactJS...

4. using HTML principals...

5. using CSS principals...

6. without HTML...

7. without CSS...

8. without WebView

9. Supported platforms
iOS and Android

10. Supported platforms
iOS and Androidnot available

11. Under the hood
React JS JavaScriptCore Native
ComponentsRCTBridge

12. Components
• ActivityIndicatorIOS
• DatePickerIOS
• Image
• ListView
• MapView
• Navigator
• NavigatorIOS
• PickerIOS
• ScrollView
• SliderIOS
• SwitchIOS
• TabBarIOS
• TabBarIOS.Item
• Text
• TextInput
• TouchableHighlight
• TouchableOpacity
• TouchableWithoutFeedback
• View
• WebView

13. Components

14. Moving to the project

15. Setup

16. 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

17. Includes

18. JSX

19. Styles

20. Actions

21. Actions

22. Debug

23. The End