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
380
1
Share
From Native To React Native
Talk on ReactNotAConf 2018 Edition.
deVladinci
May 02, 2018
Other Decks in Programming
See All in Programming
新規プロダクトを高速で生み出すハーネスエンジニアリング
seanchas116
3
270
AlarmKitで明後日起きれるアラームアプリを作る
trickart
0
150
SkillsをS3 Filesに置く時のあれこれ
watany
4
1.8k
バックエンドにElysiaJSを採用して気付いた、良い点・悪い点
wanko_it
1
170
Lemonade + Foundry Toolkit でお手軽アプリ開発
seosoft
1
110
Skillは並べた。動かなかった。契約で繋いだ。— 65個のSkillから、自走する開発サイクルへ
junholee
0
720
次世代リンターで探る、tsgo 時代における型認識カスタムルールの現実解
ytakahashii
1
960
Augmenting AI with the Power of Jakarta EE
ivargrimstad
0
150
Transactional Change Stream Processing With Debezium and Apache Flink
gunnarmorling
1
130
運用エージェントは "作る" から "育てる" へ - 記憶と自己進化の3層設計パターン / self-evolving-agents-three-layer-agent-design
gawa
10
1.2k
自動レビューエンジンの実装と運用 ~レビューのない世界へ~
kurukuru1999
2
250
Are We Really Coding 10× Faster with AI?
kohzas
0
230
Featured
See All Featured
My Coaching Mixtape
mlcsv
0
130
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
2k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
140
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
190
Color Theory Basics | Prateek | Gurzu
gurzu
0
310
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
150
sira's awesome portfolio website redesign presentation
elsirapls
0
250
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
180
A Modern Web Designer's Workflow
chriscoyier
698
190k
Done Done
chrislema
186
16k
Abbi's Birthday
coloredviolet
2
7.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
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!