React Native for mobile development

Slides for the training "Code in the Woods", October 2018

Transcript

1. React Native for 
 mobile development Andre Staltz
2. 2014 2015 2016 2017 2018 Web Android developer Web React Native RN React Native launched
3. It's a modern way to build mobile apps
4. Demo! 
 snack.expo.io
5. It's a real framework
6. Demo! 
 create-react-native-app
7. Not a WebView E.g. Apache Cordova
8. \ JS React 
 components Native
 Views
9. \ Most popular programming language JS
10. \ JavaScript SQL Java C# Python PHP C++ C TypeScript Ruby Swift Objective-C VB.NET Assembly 62.5% 39.7% 6.5% 6.4% https://insights.stackoverflow.com/survey/2017#technology
11. \ JavaScript SQL Java C# Python PHP C++ C TypeScript Ruby Go Assembly 69.8% 45.3% Swift 8.1% Objective-C 7.0% https://insights.stackoverflow.com/survey/2018#most-popular-technologies
12. \ JavaScript SQL Java C# Python PHP C++ C TypeScript Ruby Go Assembly Swift Objective-C Xamarin
13. \ JavaScript SQL Java C# Python PHP C++ C TypeScript Ruby Go Assembly Swift Objective-C Flutter Dart ⚠
14. Cross platform Write once, run everywhere Learn once, write everywhere
15. \ JS React 
 components Native
 Views
16. \ JS React 
 components Native
 Views
17. Share code from browser or server
18. A gradient of possibilities React Native Native SDKs JS
19. React Native Native SDKs JS Quick prototypes
20. React Native Native SDKs JS Initial phases of a project create-react-native-app
21. React Native Native SDKs JS Normal React Native project
 that can be deployed react-native init
22. React Native Native SDKs JS Some native code 
 is proprietary Most app logic is JavaScript
 and React components
23. React Native Native SDKs JS When migrating 
 from/to React Native Some app logic is JavaScript
 and React components
24. Is it perfect? Debugging is possible, but not so nice Have to use many languages Feels hacky because it's not official SDK
25. Should you use it? Probably yeah
26. Learn React Native at Code in the Woods Training
 8. – 11.10. (