Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React Native for mobile development

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

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
OOP is dead only if FP is dead
C8dbe3c6d219999ee0ecce86a450d0e3?s=48 staltz
8
1.7k
The Return of Stream I/O
C8dbe3c6d219999ee0ecce86a450d0e3?s=48 staltz
2
570
See the data flowing through your app
C8dbe3c6d219999ee0ecce86a450d0e3?s=48 staltz
5
840
Dynamics of Change: Why Reactivity Matters
C8dbe3c6d219999ee0ecce86a450d0e3?s=48 staltz
13
860
Cycle.js was built to solve problems
C8dbe3c6d219999ee0ecce86a450d0e3?s=48 staltz
6
710
The whole future declared in a var
C8dbe3c6d219999ee0ecce86a450d0e3?s=48 staltz
12
6.1k
Cycle.js and functional reactive user interfaces
C8dbe3c6d219999ee0ecce86a450d0e3?s=48 staltz
6
920
How Reactive Programming can help reduce code spaghetti
C8dbe3c6d219999ee0ecce86a450d0e3?s=48 staltz
12
1.8k
What if the user was a function?
C8dbe3c6d219999ee0ecce86a450d0e3?s=48 staltz
38
3.4k

Other Decks in Programming

See All in Programming
既存画面の Jetpack Composeでの書き換え: FAANSでの事例紹介 / Case study of rewriting existing screens with Jetpack Compose
Dbab5e5a1fd54531e1119ede6b3b9e65?s=48 horie1024
0
310
GraphQL+KMM開発でわかったこと / What we learned from GraphQL+KMM development
E505897a79eede1a676f92740261e8f8?s=48 kubode
0
130
デュアルトラックアジャイル × Agile Testingから 見えてきたQAのミライ
F0a8d07597a19192791bf663504d2a17?s=48 atamaplus
0
440
アプリのログをチーム外で活用してもらうためにやったこと
2f8b61ad31dd9c6ada4a90af746290fd?s=48 shotakashihara
0
190
Oculus Interaction SDK 概説 / xrdnk-caunity-LT4
270b0c7883545117a9a618dc7ca7cc83?s=48 xrdnk
0
270
Kotlin 最新動向2022 #tfcon #techfeed
14c9795d267f5b85abb98ca5e8780646?s=48 ntaro
1
1.2k
Airflow1=>Airflow2へのupgrade 事例紹介
A3ae651ab614249880dd9fad4fd0cee7?s=48 reizist
0
120
「新卒だけ」じゃない！学び直しを支えるミクシィの技術研修を紹介
B16717ef4b7aab0b253d933c3934f280?s=48 mixi_engineers
PRO
0
160
不具合に立ち向かう テスト戦略 ~ NestJSで作るCI環境 ~
30159ae45ad3faaa9a35cde0df1a795c?s=48 naoki_haba
0
110
Microsoft Teams の 会議アプリ開発のはじめかた / How to start Microsoft Teams app development
9cdd446fb259ec93e52d4388f60197f8?s=48 karamem0
0
1.7k
iOSアプリの技術選択2022
0620564f0125b8b3b7f4fe40c10b8b4e?s=48 tattn
6
2.6k
Explore Java 17 and beyond
F784a8de872a5d98f67ac5ccbd6683d0?s=48 josepaumard
3
660

Featured

See All Featured
What’s in a name? Adding method to the madness
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
11
1.5k
Optimizing for Happiness
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
365
63k
Documentation Writing (for coders)
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
48
2.5k
Statistics for Hackers
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
781
210k
Building Applications with DynamoDB
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
83
4.6k
Design by the Numbers
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
271
17k
Mobile First: as difficult as doing things right
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
212
7.5k
Reflections from 52 weeks, 52 projects
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
337
17k
Principles of Awesome APIs and How to Build Them.
B47b288784fda77a94aeb234ca743c24?s=48 keavy
113
15k
The Invisible Customer
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
110
11k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
103
16k
Six Lessons from altMBA
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
14
1.3k

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