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
320
From Native To React Native
Talk on ReactNotAConf 2018 Edition.
deVladinci
May 02, 2018
Tweet
Share
Other Decks in Programming
See All in Programming
毎日13時間もかかるバッチ処理をたった3日で60%短縮するためにやったこと
sho_ssk_
1
550
各クラウドサービスにおける.NETの対応と見解
ymd65536
0
250
週次リリースを実現するための グローバルアプリ開発
tera_ny
1
1.2k
Androidアプリのモジュール分割における:x:commonを考える
okuzawats
1
280
見えないメモリを観測する: PHP 8.4 `pg_result_memory_size()` とSQL結果のメモリ管理
kentaroutakeda
0
940
DevinとCursorから学ぶAIエージェントメモリーの設計とMoatの考え方
itarutomy
0
150
선언형 UI에서의 상태관리
l2hyunwoo
0
270
責務を分離するための例外設計 - PHPカンファレンス 2024
kajitack
9
2.4k
ATDDで素早く安定した デリバリを実現しよう!
tonnsama
1
1.9k
Fixstars高速化コンテスト2024準優勝解法
eijirou
0
190
自分ひとりから始められる生産性向上の取り組み #でぃーぷらすオオサカ
irof
3
280
ErdMap: Thinking about a map for Rails applications
makicamel
1
670
Featured
See All Featured
A better future with KSS
kneath
238
17k
How STYLIGHT went responsive
nonsquared
96
5.3k
Become a Pro
speakerdeck
PRO
26
5.1k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
19
2.3k
Measuring & Analyzing Core Web Vitals
bluesmoon
5
210
How GitHub (no longer) Works
holman
312
140k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Speed Design
sergeychernyshev
25
740
We Have a Design System, Now What?
morganepeng
51
7.3k
Done Done
chrislema
182
16k
What's in a price? How to price your products and services
michaelherold
244
12k
Building Your Own Lightsaber
phodgson
104
6.2k
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!