Hands on React Native - BlendWebMix

Presentation of React Native and Live coding session

Transcript

1. HANDS ON REACT NATIVE Yacine Rezgui | @yrezgui
2. WHO AM I? Yacine Rezgui ➤ Developer Advocate ➤ IBM Watson ➤ twitter.com/yrezgui ➤ github.com/yrezgui
3. WHICH SOLUTIONS TO CREATE MY MOBILE APP? ➤ Pure native development ➤ Objective-C or Swift for iOS ➤ Java for Android ➤ Hybrid native development ➤ C# using Xamarin ➤ Lua using Corona ➤ JavaScript using Titanium or NativeScript ➤ Hybrid web development ➤ HTML5 and JavaScript using Cordova ➤ Chimera development ➤ JavaScript using React Native
4. HOW TO CHOOSE BETWEEN ALL OF THEM? Well, it depends !
5. WHICH SOLUTIONS TO CREATE MY MOBILE APP?
6. “ Creating mobile apps in HTML5
 is way simple! -An innocent web developer
7. HTML5 APPS AREN’T GOOD
8. HTML5 APPS AREN’T GOOD
9. HTML5 APPS AREN’T GOOD
10. HTML5 HYBRID DEVELOPMENT ➤ Quite Slow ➤ Hard to design ➤ Hard to debug ➤ Cordova community is not that active
11. HTML5 APPS AREN’T GOOD
12. “ It's easier to do 3d in Web than styling the <select> element -Michel l’informaticien
13. HTML5 HYBRID DEVELOPMENT ➤ Cross compatibility ➤ Same languages as the web ➤ Similar tooling ➤ Web views are getting better ➤ Crosswalk support for Android ➤ Share codebase with mobile website
14. MOBILE APP MADE BY IONIC
15. LET’S TALK REACT NATIVE NOW!
16. REACT NATIVE ➤ Created by Facebook ➤ Same concepts as React DOM (declarative UI) ➤ Render natively ➤ Performant due to its dedicated threads ➤ Embeddable in a native app ➤ Can embed native views ➤ Link external libraries simply ➤ Updatable without Apple approval
17. REACT NATIVE
18. REACT NATIVE ➤ Not same API between iOS and Android ➤ Complex UI is simpler to code natively (E.g. Video transition) ➤ Still young project ➤ No default theme ➤ No files handling (react-native-fs for now)
19. LIVE CODING TIME!
20. REACT CANVAS
21. No questions? Thank you! @yrezgui