React Native for mobile development

C8dbe3c6d219999ee0ecce86a450d0e3?s=47 André Staltz
October 08, 2018
Programming
0
33

React Native for mobile development

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

C8dbe3c6d219999ee0ecce86a450d0e3?s=128

André Staltz

October 08, 2018
Tweet

More Decks by André Staltz

See All by André Staltz
C8dbe3c6d219999ee0ecce86a450d0e3?s=48 staltz
8
1.5k
C8dbe3c6d219999ee0ecce86a450d0e3?s=48 staltz
2
520
C8dbe3c6d219999ee0ecce86a450d0e3?s=48 staltz
5
830
C8dbe3c6d219999ee0ecce86a450d0e3?s=48 staltz
13
830
C8dbe3c6d219999ee0ecce86a450d0e3?s=48 staltz
6
690
C8dbe3c6d219999ee0ecce86a450d0e3?s=48 staltz
12
5.8k
C8dbe3c6d219999ee0ecce86a450d0e3?s=48 staltz
6
880
C8dbe3c6d219999ee0ecce86a450d0e3?s=48 staltz
12
1.7k
C8dbe3c6d219999ee0ecce86a450d0e3?s=48 staltz
38
3.1k

Other Decks in Programming

See All in Programming
822cde5b176ef140171a27f8294c2bd8?s=48 andycraig
0
550
4d78b749c315e21a956053dcbf0508a9?s=48 po3rin
2
450
9cbac3a8b2ea3f8f9c79d01aeb050ad3?s=48 shikugawa
1
660
3e049ed33195d00a8b745b16c63dce6e?s=48 leew
0
120
5d769d109697012317c09c6a27a6a4bf?s=48 linyows
2
130
A8341bc33e5d88f607328d5a82fa42e1?s=48 smartcamp
0
260
37618b4d60cf3d1f43f7196253264edc?s=48 numeroanddev
0
150
B3a78cfbf06ca9ee860536c6d1de5e7f?s=48 ykanoh
0
150
Af64bc38c0ffcfcabdf430759ee491ce?s=48 lovee
2
180
7eca3e06edc3c69004aaf57de51900c2?s=48 ajstarks
2
310
D4b671ba3e441fa2aad85d7508ab67a2?s=48 treastrain
1
150
9fbbe5d0b8e2ee1cdc3a576b55a2d63d?s=48 uzimaru0000
0
230

Featured

See All Featured
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
330
29k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
3
420
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
154
11k
78b475797a14c84799063c7cd073962f?s=48 holman
287
130k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
296
30k
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
55
5.1k
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
65
250k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
50
3.9k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
215
16k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
93
5k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
256
24k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k

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. (