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
330
From Native To React Native
Talk on ReactNotAConf 2018 Edition.
deVladinci
May 02, 2018
Tweet
Share
Other Decks in Programming
See All in Programming
タイムゾーンの奥地は思ったよりも闇深いかもしれない
suguruooki
1
620
趣味全開のAITuber開発
kokushin
0
200
Deoptimization: How YJIT Speeds Up Ruby by Slowing Down / RubyKaigi 2025
k0kubun
0
740
Unlock the Potential of Swift Code Generation
rockname
0
250
リアクティブシステムの変遷から理解するalien-signals / Learning alien-signals from the evolution of reactive systems
yamanoku
3
1.2k
AHC045_解説
shun_pi
0
520
小田原でみんなで一句詠みたいな #phpcon_odawara
stefafafan
0
320
AI Coding Agent Enablement - エージェントを自走させよう
yukukotani
14
6k
Making TCPSocket.new "Happy"!
coe401_
1
550
「影響が少ない」を自分の目でみてみる
o0h
PRO
2
1.1k
自分のために作ったアプリが、グローバルに使われるまで / Indie App Development Lunch LT
pixyzehn
1
160
フロントエンドテストの育て方
quramy
11
3k
Featured
See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
660
Statistics for Hackers
jakevdp
798
220k
Building an army of robots
kneath
304
45k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.8k
Making the Leap to Tech Lead
cromwellryan
133
9.2k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Navigating Team Friction
lara
184
15k
Optimizing for Happiness
mojombo
377
70k
KATA
mclloyd
29
14k
We Have a Design System, Now What?
morganepeng
52
7.5k
Side Projects
sachag
452
42k
How STYLIGHT went responsive
nonsquared
99
5.5k
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!