React is an open source library for building user interfaces and mobile apps. React Native allows developers to use React to write and deploy native mobile apps for iOS and Android from the same code base. It uses a virtual DOM for rendering to provide high performance while allowing cross-platform development with shared code for both platforms.

2. React?

3. History
Library For the web
View
Open source
Virtual-DOM

5. Virtual-DOM
Reconciler Renderer
React React Native
react-hardware
react-blessedreactDOM
React VR

6. React Native

7. A way to write native mobile apps with Javascript and React.
is not
hybrid

8. “Learn once, write
everywhere”
“Write once, deploy
everywhere”

9. why do we <3 native apps

10. Responsive
Full hardware support
Consistent UI
Complex iterations

11. Native development can be hard

12. Different technologies
Almost none knowledge shared
Iteration speed

13. Juntando a fome com a vontade de comer
Matching succesfully two desires at once

15. Kickstart
npm install -g react-native
react-native init myapp
cd myapp && react-native run-android
myapp
● /android
● /ios
● package.json
● index.ios.js
● index.android.js

16. The code

18. Scaling the project
Persistence
Default components
Changing between screens
1. View
2. Text
3. ListView
4. Image
5. TouchableNativeFeedback

19. Get it now

20. Limitations
Layout limitations on android
Current version: 0.42

21. Platforms
iOS
Android
Windows UWP
(external dependency)

22. Under the hood
or “There is no webview here”
Do your own stuff with “native modules”
UNDER THE HOOD OF REACT NATIVE (MARTIN KONICEK)
How to implement ToastAndroid

23. Community & tools
React Native Official Docs
Awesome React Native
ReactConf talks
Nuclide
Create React Native App
F8 app source
“Under the hood” Talks

24. Future
Stream the App
Native
code
JS
stuff
Web sockets

25. “.. and the thanks goes to”

26. this.setState({presentationOver: true});