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
プラグインで拡張される Context をtype-safe にする難しさと設計判断
kazupon
2
580
TypeSpec で繋ぐ複数プロダクトの型安全
maroon8021
1
370
AIチームを指揮するOSS「TAKT」活用術 / How to Use “TAKT,” an OSS Tool for Orchestrating AI Teams
nrslib
6
820
AI駆動開発勉強会 広島支部 第一回勉強会 AI駆動開発概要とワークショップ
hayatoshimiu
0
440
Old Dog, New Tricks: The Java 25 Reinvention - JNation
bazlur_rahman
0
140
TSKaigi 2026 TypeScriptバックエンドのオブザーバビリティ戦略 — Datadog × NestJSの実践
taiseiyamamotoan
2
280
ユニットテストの先へ:テスト技法で要求・仕様を整理するJava開発実践 / Beyond_Unit_Testing_Practical_Java_Development_Techniques_for_Organizing_Requirements_and_Specifications
shimashima35
0
350
開発体験を左右するライブラリの API 設計 - GraphQL スキーマ構築ライブラリから考える #tskaigi
izumin5210
2
1.6k
キャリア迷子上等 ─ "ない道"は自分で作ればいい
16bitidol
2
310
生成AI時代にこそ効くGo | Why Go Works in the Age of Generative AI
mom0tomo
8
3.1k
IBM Bobを活用したレガシーアプリの最新化
oniak3ibm
PRO
1
170
Make SRE Operations Easier with Azure SRE Agent
kkamegawa
0
3.6k
Featured
See All Featured
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
160
The SEO Collaboration Effect
kristinabergwall1
1
470
Designing for Timeless Needs
cassininazir
1
250
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2k
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
200
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
380
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.8k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
Code Reviewing Like a Champion
maltzj
528
40k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.9k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
200
Scaling GitHub
holman
464
140k
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!