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
Hello World 2017 - React Native
Search
Hello World Tech Conference
May 03, 2017
Programming
120
0
Share
Hello World 2017 - React Native
Título: React Native
Autor: Francisco Sales
Contacto:
https://github.com/franciscofsales
Hello World Tech Conference
May 03, 2017
More Decks by Hello World Tech Conference
See All by Hello World Tech Conference
Hello World 2018 - Learn how to get that dream job at Google!
helloworldconf
0
120
Hello World 2018 - Introduction to Swift
helloworldconf
0
67
Hello World 2018 - Understanding attacker behaviors, motivations and common ways of operation
helloworldconf
0
76
Hello World 2018 - GraphQL A query language for your API
helloworldconf
1
87
Hello World 2018 - We need to talk about Preact
helloworldconf
1
84
Hello World 2018 - Why Ruby?
helloworldconf
0
50
Hello World 2018 - Recent Advances in Machine Learning
helloworldconf
0
71
Hello World 2018 - Quality from the start
helloworldconf
0
38
Hello World 2017 - Testing & QA - Carreira Profissional?
helloworldconf
0
85
Other Decks in Programming
See All in Programming
決定論的オーケストレーションの設計と実装 / Design and Implementation of Deterministic Orchestration
nrslib
2
300
次世代リンターで探る、tsgo 時代における型認識カスタムルールの現実解
ytakahashii
3
1.4k
Inside Stream API
skrb
1
590
AI 時代のソフトウェア設計の学び方
masuda220
PRO
29
11k
Lemonade + Foundry Toolkit でお手軽アプリ開発
seosoft
1
260
気づいたらRubyで100作品 ー クリエイティブコーディングが生活の一部になるまで / 100 Ruby Sketches Later: How Creative Coding Became Part of My Life
chobishiba
3
530
柔軟なPDFレイアウトエディタを支える型システム設計 — Discriminated UnionとConditional Typeの実践
minako__ph
4
1.3k
IBM Bobを活用したレガシーアプリの最新化
oniak3ibm
PRO
1
150
Oxcを導入して開発体験が向上した話
yug1224
4
270
ユニットテストの先へ:テスト技法で要求・仕様を整理するJava開発実践 / Beyond_Unit_Testing_Practical_Java_Development_Techniques_for_Organizing_Requirements_and_Specifications
shimashima35
0
330
TSKaigi2026-静的解析への投資がAI時代のコード品質を支える ── カスタムESLintルールの設計と運用
hayatokudou
7
1.3k
代数的データ型って何が嬉しいの? #frontend_phpcon_do
kajitack
8
3.1k
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
160
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.2k
What does AI have to do with Human Rights?
axbom
PRO
1
2.2k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
930
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
190
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
560
Faster Mobile Websites
deanohume
310
31k
Navigating Team Friction
lara
192
16k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2k
Building an army of robots
kneath
306
46k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
160
Transcript
React Native Francisco Sales https://github.com/franciscofsales @franciscofsales
None
Effort, Feature disparity, Cost • • •
REACT NATIVE NATIVE UI PLATFORM JAVASCRIPT CORE VM SHARE CODEBASE
BETWEEN ANDROID, IOS, AND TO SOME EXTENT WITH THE WEB
WHY IS REACT NATIVE BETTER?
LIVE RELOAD ON MOBILE?
None
Code Push https://microsoft.github.io/code-push/ OTA, hot fixes, experimentation, CD
None
None
JS is not typed! Type Safety There will be no
compiler errors
Not web-based What about performance? But, JS code is not
native!
None
• • •
UI = f(state)
import React from 'react'; class HelloWorld extends React.Component { render()
{ return ( <div> <span> Hello World </span> </div> ); } }
import React from 'react'; import {View, Text} from 'react-native'; class
HelloWorld extends React.Component { render() { return ( <View> <Text> Hello World </Text> </View> ); } }
None