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
0
110
Hello World 2017 - React Native
Título: React Native
Autor: Francisco Sales
Contacto:
https://github.com/franciscofsales
Hello World Tech Conference
May 03, 2017
Tweet
Share
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
110
Hello World 2018 - Introduction to Swift
helloworldconf
0
63
Hello World 2018 - Understanding attacker behaviors, motivations and common ways of operation
helloworldconf
0
70
Hello World 2018 - GraphQL A query language for your API
helloworldconf
1
82
Hello World 2018 - We need to talk about Preact
helloworldconf
1
78
Hello World 2018 - Why Ruby?
helloworldconf
0
47
Hello World 2018 - Recent Advances in Machine Learning
helloworldconf
0
67
Hello World 2018 - Quality from the start
helloworldconf
0
33
Hello World 2017 - Testing & QA - Carreira Profissional?
helloworldconf
0
83
Other Decks in Programming
See All in Programming
iOSエンジニア向けの英語学習アプリを作る!
yukawashouhei
0
200
チームの境界をブチ抜いていけ
tokai235
0
180
iOSエンジニア向けの英語学習アプリを作る!
yukawashouhei
0
200
フロントエンド開発のためのブラウザ組み込みAI入門
masashi
3
1.4k
Go言語の特性を活かした公式MCP SDKの設計
hond0413
1
240
Cursorハンズオン実践!
eltociear
2
1.1k
Foundation Modelsを実装日本語学習アプリを作ってみた!
hypebeans
0
120
Swift Concurrency - 状態監視の罠
objectiveaudio
2
540
バッチ処理を「状態の記録」から「事実の記録」へ
panda728
PRO
0
170
技術的負債の正体を知って向き合う
irof
0
190
大規模アプリのDIフレームワーク刷新戦略 ~過去最大規模の並行開発を止めずにアプリ全体に導入するまで~
mot_techtalk
1
460
『毎日の移動』を支えるGoバックエンド内製開発
yutautsugi
2
250
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
42
2.8k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Docker and Python
trallard
46
3.6k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
115
20k
Making Projects Easy
brettharned
120
6.4k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Building an army of robots
kneath
306
46k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
How STYLIGHT went responsive
nonsquared
100
5.8k
Documentation Writing (for coders)
carmenintech
75
5.1k
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