Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
From Native To React Native
Search
deVladinci
May 02, 2018
Programming
1
300
From Native To React Native
Talk on ReactNotAConf 2018 Edition.
deVladinci
May 02, 2018
Tweet
Share
Other Decks in Programming
See All in Programming
サークルポータルを支えるフロントエンドアーキテクチャの選定
toranoana
1
210
ROS 2のZenoh対応とZenohのROS 2対応
takasehideki
2
220
Quarto Clean Theme
nicetak
0
220
◯◯エンジニアになった理由
gessy0129
PRO
0
550
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
4
93k
NANIMACHI
naokiito
0
920
タイミーにおけるデータの利用シーンと データ基盤の挑戦
marufeuille
4
3k
Infrastructure as Code でセキュリティを楽にしよう!
konokenj
5
1.4k
Frontend Magic mit CSS Houdini
joergneumann
0
420
Modernisation Progressive d’Applications PHP
hhamon
0
160
Composing an API the *right* way (Droidcon New York 2024)
zsmb
2
530
ファーストペンギンBot @Qiita Hackathon 2024 予選
dyson_web
0
200
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.8k
YesSQL, Process and Tooling at Scale
rocio
167
14k
No one is an island. Learnings from fostering a developers community.
thoeni
19
2.9k
A Modern Web Designer's Workflow
chriscoyier
692
190k
Rails Girls Zürich Keynote
gr2m
93
13k
Documentation Writing (for coders)
carmenintech
65
4.3k
Designing on Purpose - Digital PM Summit 2013
jponch
114
6.9k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
109
6.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
503
140k
Learning to Love Humans: Emotional Interface Design
aarron
271
40k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.9k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
Transcript
FROM NSString *native TO <React.Native /> 28/04/2018
@deVladinci
None
2015
Version 2.0 ✅ ❌
2016
Version 3.0 ✅ ❌
You want to be on as many platforms as you
can.
?
4% 77% 19% iOS Android Other Show how many users
are on android mobile.
Should we go Native or React Native?
Pros 1. The whole team can maintain the codebase and
contribute 2. Cross-platform 3. Compiles to native code 4. Reuse existing native and web logic 5. Speed up development
Cons 1. Not a mature technology 2. Smaller community 3.
Still need native devs at some point
0 Lines of platform specific code
None
Structuring the Project
–W.Edwards Deming “If you can’t describe what you are doing
as a process, you don’t know what you are doing”
None
Components
1. General components
None
1. General components 2. Wrap 3rd party libraries
None
1. General components 2. Wrap 3rd party libraries 3. Express
domain concept
None
1. General components 2. Wrap 3rd party libraries 3. Express
domain concept 4. Handle platform specific UI
99% of the platform specific code is in Components
None
None
Modules
None
Screen Action Reducer Selector Constants
Navigation is a module
None
Navigation in Redux
None
None
Thank you!