React Native Experience

Hands-on experience with React Native for mobile development

Transcript

1. React Native Experiences Konrad Kühne Sebastian Spaar
2. Overview • Mobile development • React native • Demo • Experiences
3. Mobile Development Native Hybrid Android, iOS, Windows Phone Cordova, Phonegap, Ionic Pros Best performance Code / model reuse Native UI controls Cross-platform Mature frameworks Extend existing web app Cons Verbose Slow performance No code reuse Differences noticeable
4. React Native • JavaScript framework published by Facebook • Open source • Based on Facebook’s React • Active community
5. React Native Features • iOS and Android • React programming model • Renders actual native views • Customisation via Objective-C, Swift and Java integration
6. • Code primarily in JavaScript • Builds trees of native components using HTML-like syntax • Layout and styles written in CSS-like syntax • Runs JavaScript using JavaScriptCore • Bundling packager (ES6, common.js module, fast)
7. DEMO TIME
8. Experiences Pro Contra Familiar environment Style limitations Mostly native experience Fewer Android components Fast feedback Fast release cycle Useful programming model Incomplete documentation
9. Summary • Good programming model • Extensible • Attractive for prototyping • Partially native feeling • Not yet production-ready • Style re-use impossible • Conclusion: Native UI + JavaScript data model