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
リアクティブシステムの変遷から理解するalien-signals / Learning alien-signals from the evolution of reactive systems
yamanoku
2
1.2k
エンジニア未経験が最短で戦力になるためのTips
gokana
0
240
安全に倒し切るリリースをするために:15年来レガシーシステムのフルリプレイス挑戦記
sakuraikotone
5
2.6k
Boost Your Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
630
Kubernetesで実現できるPlatform Engineering の現在地
nwiizo
3
1.8k
Chrome Extension Techniques from Hell
moznion
1
100
AtCoder Heuristic First-step Vol.1 講義スライド(山登り法・焼きなまし法編)
takumi152
4
1k
Rollupのビルド時間高速化によるプレビュー表示速度改善とバンドラとASTを駆使したプロダクト開発の難しさ
plaidtech
PRO
1
110
PHPのガベージコレクションを深掘りしよう
rinchoku
0
260
Return of the Full-Stack Developer
simas
PRO
1
330
S3静的ホスティング+Next.js静的エクスポート で格安webアプリ構築
iharuoru
0
210
OpenTelemetryを活用したObservability入門 / Introduction to Observability with OpenTelemetry
seike460
PRO
1
390
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
39
7.2k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.2k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Agile that works and the tools we love
rasmusluckow
328
21k
How GitHub (no longer) Works
holman
314
140k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
177
52k
Navigating Team Friction
lara
184
15k
Facilitating Awesome Meetings
lara
53
6.3k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
12
1.4k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.4k
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!