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
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
From Native To React Native
Talk on ReactNotAConf 2018 Edition.
deVladinci
May 02, 2018
Other Decks in Programming
See All in Programming
【SRE NEXT 2026 Lunch Session】一人目専任SREの立ち上げを加速する ― AIと進めたオンボーディングで2分を0.04秒にした話
pkshadeck
PRO
0
3.3k
PHP初心者セッション2026 〜生成AIでは見えない裏側を知る:今だからLAMPを通して仕組みを学ぶ〜
kashioka
0
740
「正の参照」と 「負の導出」で組む ハーネスエンジニアリング
cottpan
1
150
2年かけて Deno に DOMMatrix を実装した話 / How I implemented DOMMatrix in Deno over two years
petamoriken
0
180
Apache Hive: そしてCloud Native Lakehouseへ
okumin
1
190
継続モナドとリアクティブプログラミング
yukikurage
3
660
php-fpmのプロセスが枯渇した日-調査・対処・そして本当にやるべきだったこと-
shibuchaaaan
0
170
AI Engineeringは、AIプロダクトだけのものか? 〜AIがソフトウェアを作る時代の新しい当たり前〜 / No AI in your product. AI Engineering in your development.
rkaga
4
290
変わらないものが、変わるものを決める — 意図駆動開発 × イベントソーシング × イミュータブル | What Doesn't Change Decides What Can — IDD × Event Sourcing × Immutability
tomohisa
0
730
型も通る、synthも通る、それでも危ない 〜AIのCDKの権限とコストを機械で検証する〜 / It Passes Type Checks, It Passes Synth Checks, but It’s Still Risky — Automatically Verifying Permissions and Costs in AI’s CDK —
seike460
PRO
1
490
エンジニアにデザインハーネスを 〜デザインプロセスを規定するためのハーネス〜 / Design harness from an engineer's perspective
rkaga
2
1.8k
SREの積み重ねがAI駆動開発のガードレールになった ― 7つの実践/SRE Guardrails The 7
tomoyakitaura
9
5.8k
Featured
See All Featured
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.4k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.2k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
480
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
230
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
230
30 Presentation Tips
portentint
PRO
1
360
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
270
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
640
The #1 spot is gone: here's how to win anyway
tamaranovitovic
3
1.1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.5k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.3k
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!