Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Hello World 2017 - React Native
Search
Hello World Tech Conference
May 03, 2017
Programming
120
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
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
130
Hello World 2018 - Introduction to Swift
helloworldconf
0
74
Hello World 2018 - Understanding attacker behaviors, motivations and common ways of operation
helloworldconf
0
86
Hello World 2018 - GraphQL A query language for your API
helloworldconf
1
94
Hello World 2018 - We need to talk about Preact
helloworldconf
1
89
Hello World 2018 - Why Ruby?
helloworldconf
0
55
Hello World 2018 - Recent Advances in Machine Learning
helloworldconf
0
77
Hello World 2018 - Quality from the start
helloworldconf
0
40
Hello World 2017 - Testing & QA - Carreira Profissional?
helloworldconf
0
93
Other Decks in Programming
See All in Programming
パズルゲームの作り方 / how to make puzzle games
kaityo256
PRO
2
290
パスワード再設定メールのURLについて知っておこう
uyuki234
0
160
Domain-Driven Transformation
hschwentner
2
2.3k
Atomic Design, Enforced: Scaling Mobile Design Systems (next.app devCon / droidCon Berlin 2026)
steliosf
PRO
0
170
AI時代のコードレビューは人に向けるな、仕組みに向けろ
texmeijin
5
3.7k
AWSに止められる覚悟してますか?
morizo_1984
2
530
PumaからFalconに移行したRailsアプリケーションでの実践
falcon8823
0
170
The Rails Doctrine Decade
koic
2
590
Everything will be SERVERLESS — 信じて運用した10年の経験値 / Everything Will be Serverless — Lessons Learned from 10 Years of Operational Experience
seike460
PRO
1
1.1k
TechTown - Creating Composable Callables in Contemporary C++
rollbear
0
130
UPDATE をやめる — EF Core でマスタをバージョン管理する
panda728
PRO
0
1.2k
個人開発者よ、Honoを使え(おじさんver)
tanahiro2010
2
260
Featured
See All Featured
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
630
Faster Mobile Websites
deanohume
310
32k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
310
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
300
Balancing Empowerment & Direction
lara
6
1.3k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
2
6.3k
Reality Check: Gamification 10 Years Later
codingconduct
0
2.3k
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.6k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
2
410
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.5k
HDC tutorial
michielstock
2
960
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
850
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