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
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
120
Hello World 2018 - Introduction to Swift
helloworldconf
0
70
Hello World 2018 - Understanding attacker behaviors, motivations and common ways of operation
helloworldconf
0
81
Hello World 2018 - GraphQL A query language for your API
helloworldconf
1
92
Hello World 2018 - We need to talk about Preact
helloworldconf
1
88
Hello World 2018 - Why Ruby?
helloworldconf
0
51
Hello World 2018 - Recent Advances in Machine Learning
helloworldconf
0
75
Hello World 2018 - Quality from the start
helloworldconf
0
38
Hello World 2017 - Testing & QA - Carreira Profissional?
helloworldconf
0
87
Other Decks in Programming
See All in Programming
Flow は今どうなっているか
mizdra
PRO
0
810
ソフトウェアエンジニアにとっての生成AI - 特性を知って使い倒す / generative ai for software enginner
kishida
7
2.3k
【DroidKaigi 2026】「アクセシビリティを利用するとき、 アクセシビリティもまたこちらを利用している」 〜マルウェアによる攻撃と防衛について〜
halunoyo
0
130
Pythonの実行はどこまで賢くなったのか? CPythonとPyPyから見る最適化のしくみ
curekoshimizu
4
2.4k
tsc.rip を支える技術 / Kyoto.なんか #8
susisu
0
4.1k
いまどきの Codex で開発する visionOS アプリの開発スタイルについて
karad
0
180
[DroidKaigi 26] How We Moved from Android Studio to Slack
thisaay
0
140
AWS Transform Customによる Spring Boot 2.xから4.xへのVerUp
satoshi256kbyte
2
120
AI に Inclusive UI を書かせよう — Design Rules Skill で Compose UI を作り直す
theoriatec2024
1
350
ハーネス設計入門 〜プロンプト、コンテキストの次〜
kinopeee
49
31k
30年振りにコンパイラの定数整数除算を改善した
herumi
9
4.4k
ソフトウェアラスタライザ
fadis
1
760
Featured
See All Featured
Designing for Timeless Needs
cassininazir
1
460
Building Flexible Design Systems
yeseniaperezcruz
330
41k
Leo the Paperboy
mayatellez
8
2.2k
A Modern Web Designer's Workflow
chriscoyier
698
190k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.6k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
500
Optimising Largest Contentful Paint
csswizardry
37
3.9k
ラッコキーワード サービス紹介資料
rakko
1
4.7M
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
960
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.6k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
69
64k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.2k
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