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
61
Hello World 2018 - Understanding attacker behaviors, motivations and common ways of operation
helloworldconf
0
68
Hello World 2018 - GraphQL A query language for your API
helloworldconf
1
81
Hello World 2018 - We need to talk about Preact
helloworldconf
1
77
Hello World 2018 - Why Ruby?
helloworldconf
0
45
Hello World 2018 - Recent Advances in Machine Learning
helloworldconf
0
65
Hello World 2018 - Quality from the start
helloworldconf
0
32
Hello World 2017 - Testing & QA - Carreira Profissional?
helloworldconf
0
82
Other Decks in Programming
See All in Programming
Git Sync を超える!OSS で実現する CDK Pull 型デプロイ / Deploying CDK with PipeCD in Pull-style
tkikuc
4
450
「次に何を学べばいいか分からない」あなたへ──若手エンジニアのための学習地図
panda_program
3
640
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
13k
MCPを使ってイベントソーシングのAIコーディングを効率化する / Streamlining Event Sourcing AI Coding with MCP
tomohisa
0
180
The Evolution of Enterprise Java with Jakarta EE 11 and Beyond
ivargrimstad
0
470
MySQL9でベクトルカラム登場!PHP×AWSでのAI/類似検索はこう変わる
suguruooki
1
220
変化を楽しむエンジニアリング ~ いままでとこれから ~
murajun1978
0
140
React は次の10年を生き残れるか:3つのトレンドから考える
oukayuka
40
15k
Porting a visionOS App to Android XR
akkeylab
0
910
「App Intent」よくわからんけどすごい!
rinngo0302
1
120
状態遷移図を書こう / Sequence Chart vs State Diagram
orgachem
PRO
3
250
SwiftでMCPサーバーを作ろう!
giginet
PRO
2
190
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
A Modern Web Designer's Workflow
chriscoyier
695
190k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
The Invisible Side of Design
smashingmag
301
51k
Automating Front-end Workflow
addyosmani
1370
200k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.3k
Building Adaptive Systems
keathley
43
2.7k
Code Reviewing Like a Champion
maltzj
524
40k
BBQ
matthewcrist
89
9.7k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Designing Experiences People Love
moore
142
24k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
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