Intro to React Native

Transcript

1. React Native A journey to the bleeding edge
2. Richard Kho Front-End Engineer UI Prototyping for SparkPay Design @rkho
3. Today’s Talk: • Overview of React Native • My experience in building an app
4. Hopefully, you’ll try it out
5. What is React Native?
6. + =
8. “Write once, run anywhere”
9. This is on iOS.
10. “Learn once, write anywhere”
11. • Uses native SDK components • Feels like a native application, not a wrapper for a webview
13. The Benefits • Accessible for front-end engineers • Support for native modules • Polyfill JS libraries from the web • Live reloading
14. The Benefits • Accessible for front-end engineers • Support for native modules • Polyfill JS libraries from the web • Live reloading
16. React React Native Block <div> <View> Inline <span> <Text> Image <img> <Image>
20. The Benefits • Accessible for front-end engineers • Support for native modules • Polyfill JS libraries from the web • Live reloading
22. The Benefits • Accessible for front-end engineers • Support for native modules • Polyfill JS libraries from the web • Live reloading
24. The Benefits • Accessible for front-end engineers • Support for native modules • Polyfill JS libraries from the web • Live reloading
25. (Live Demo)
26. Other Points • CodePush for OTA Updates • Integrate native codebase w/ CocoaPods
27. Pain Points
30. • No Windows support • Android is still very early • Separate UIs for Android + iOS mean lots of code duplication • Lots of core functionality depends on open source community
31. My React Native Experience
32. Motivations
36. Documentation, Tutorials
44. Takeaways • Easy to get started because it felt like building for the web • Because it uses native iOS and Android components from their SDK, it performs the way you’d expect a native application to perform • Empowered me to jump into mobile development
45. Questions?
46. Thank you!