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
360
From Native To React Native
Talk on ReactNotAConf 2018 Edition.
deVladinci
May 02, 2018
Tweet
Share
Other Decks in Programming
See All in Programming
20251212 AI 時代的 Legacy Code 營救術 2025 WebConf
mouson
0
250
Patterns of Patterns
denyspoltorak
0
630
Denoのセキュリティに関する仕組みの紹介 (toranoana.deno #23)
uki00a
0
230
AI 駆動開発ライフサイクル(AI-DLC):ソフトウェアエンジニアリングの再構築 / AI-DLC Introduction
kanamasa
11
5.5k
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
nrslib
2
1.5k
Data-Centric Kaggle
isax1015
2
570
Findy AI+の開発、運用におけるMCP活用事例
starfish719
0
2.2k
Claude Codeの「Compacting Conversation」を体感50%減! CLAUDE.md + 8 Skills で挑むコンテキスト管理術
kmurahama
1
760
実は歴史的なアップデートだと思う AWS Interconnect - multicloud
maroon1st
0
320
JETLS.jl ─ A New Language Server for Julia
abap34
2
480
[AtCoder Conference 2025] LLMを使った業務AHCの上⼿な解き⽅
terryu16
6
1k
Grafana:建立系統全知視角的捷徑
blueswen
0
290
Featured
See All Featured
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
2
81
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.8k
Leo the Paperboy
mayatellez
3
1.3k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
54
49k
The Cult of Friendly URLs
andyhume
79
6.8k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
420
Information Architects: The Missing Link in Design Systems
soysaucechin
0
740
Fireside Chat
paigeccino
41
3.8k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
1
1.3k
WENDY [Excerpt]
tessaabrams
9
35k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
7.9k
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!