React native
- 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
- 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”
Editor's Notes
- #7: x