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
Things I Wish I Knew About React Native When I ...
Search
Peter Piekarczyk
February 22, 2017
Technology
1
1.1k
Things I Wish I Knew About React Native When I Started
Practical guide to making your React Native experience better :)
Peter Piekarczyk
February 22, 2017
Tweet
Share
More Decks by Peter Piekarczyk
See All by Peter Piekarczyk
ReasonML - The Future of React 💯
peterpme
1
170
2019 GOTO Conf - Future of React & ReasonML
peterpme
0
660
2019 MagnoliaJS: Building Expo Apps with Draftbit
peterpme
1
610
2019 ReasonConf - ReasonML & Hiring at Draftbit
peterpme
0
550
2019 App.js Conf - Building Expo & React Native Apps with Draftbit
peterpme
2
590
2018 - React Chicago - ReasonReact - A Love Story
peterpme
3
780
DevOps Day Chicago 2017 - Your Body's Configuration is Important, Too
peterpme
0
160
Future of High Performance Node
peterpme
0
300
React Rally 2015: Makin' Music with React & The Midi / Audio APIs
peterpme
1
490
Other Decks in Technology
See All in Technology
生成AIで「お客様の声」を ストーリーに変える 新潮流「Generative ETL」
ishikawa_satoru
1
360
Trust as Infrastructure
bcantrill
1
370
ガバメントクラウドの概要と自治体事例(名古屋市)
techniczna
2
200
From Prompt to Product @ How to Web 2025, Bucharest, Romania
janwerner
0
120
後進育成のしくじり〜任せるスキルとリーダーシップの両立〜
matsu0228
7
3.2k
リーダーになったら未来を語れるようになろう/Speak the Future
sanogemaru
0
350
『OCI で学ぶクラウドネイティブ 実践 × 理論ガイド』 書籍概要
oracle4engineer
PRO
2
150
SREとソフトウェア開発者の合同チームはどのようにS3のコストを削減したか?
muziyoshiz
1
110
SoccerNet GSRの紹介と技術応用:選手視点映像を提供するサッカー作戦盤ツール
mixi_engineers
PRO
1
190
動画データのポテンシャルを引き出す! Databricks と AI活用への奮闘記(現在進行形)
databricksjapan
0
160
AWS Top Engineer、浮いてませんか? / As an AWS Top Engineer, Are You Out of Place?
yuj1osm
2
170
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
240
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
114
20k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
Gamification - CAS2011
davidbonilla
81
5.5k
The Straight Up "How To Draw Better" Workshop
denniskardys
237
140k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.7k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
How to Think Like a Performance Engineer
csswizardry
27
2k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
Fireside Chat
paigeccino
40
3.7k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
970
Transcript
456''1&01-&4)06-% )"7&50-%.&"#065 3&"$5/"5*7& 1&5&31*&,"3$;:, !QFUFSQNF
1*&↟$"3↟$)*$, ↟ 71 1SPEVDUHPCPPUMFSDPN ↟ 3FBDU/BUJWF3BEJP ↟ 4QFBLFS ↟ t&OUSFQSFOVFSu
!QFUFSQNF !QFUFSQNF
↟9BNBSJO YBNBSJODPN ↟#VJME/BUJWF"OESPJE J04 .BDBQQTVTJOH$ ↟.BUVSFBOEQFSGPSNBOUQMBUGPSN ↟#BDLFE#Z.JDSPTPGU ↟/BUJWF4DSJQU OBUJWFTDSJQUPSH
↟#VJMUGPS"OHVMBS 5ZQF4DSJQUPS+BWBTDSJQU ↟8SJUFPODF SVOFWFSZXIFSF ↟#BDLFECZ5FMFSJL $0.1&5*5034
3&"%5)&%0$4
IUUQTGBDFCPPLHJUIVCJPSFBDUOBUJWF
None
3&"%5)& 3&-&"4&/05&4
None
None
None
None
None
'"/5"45*$3&4063$&4 ↟ NBLFJUPQFODPN ↟ '#T'$POGFSFODF"QQGFBUVSJOH3/ 3FEVY (SBQI2- 'MPX ↟ SFBDUOBUJWFFYQSFTTDPN
↟ 6QUPEBUFHVJEFGVMMMFOHUICFHJOOFSTHVJEF ↟ 3FBDU/BUJWF'VOEBNFOUBMT!FHHIFBEJP ↟ 7JEFPHVJEFCZ5ZMFS.D(JOOJT
'"/5"45*$3&4063$&4 ↟ SFBDUOBWJHBUJPOPSH ↟ "TFSJFTPGHVJEFTGSPNUIFGPMLTUIBUCVJMUUIFOFX/BWJHBUJPO MJCSBSZ ↟ -FBSOJOH3FBDU/BUJWF#PPL ↟ "QSBDUJDBMJOUSPEVDUJPOCZ#POOJF&JTFONBOGSPN5XJUUFS
3&"$5/"5*7&6#&3 IUUQXXXSFBDUOBUJWFFYQSFTTDPNVCFS
+0*/3&"$5*'-69 0/%*4$03% SFBDUJGMVYDPN
6*&91-03&3 (PPHMFt3FBDU/BUJWF6*&YQMPSFS(JUIVCu ↟$PNQPOFOU,JUDIFO4JOL ↟&BTZUP&YQFSJNFOU8JUI ↟-FBETUP0UIFS(SFBU&YBNQMFT5PP
6*&91-03&3
,&&1:063/"5*7&"11 "%%3&"$5/"5*7&50*5 IUUQTFOHJOFFSJOHJOTUBHSBNDPN ↟ *ODSFNFOUBM6QEBUFT'58 ↟ 4FFJG:PVSF5SVMZ*OUPJU ↟ (FU$MPTFSXJUI:PVS/BUJWF5FBN
#0*-&31-"5&4 (&55*/(45"35&% 410*-&3 %0/564&0/&+645:&5
#0*-&31-"5&1304 ↟ 1SPKFDU4FUVQJTUJNFDPOTVNJOH ↟ 3FEVY /BWJHBUJPO %BUB1FSTJTUFODF /FUXPSL$BMMTj ↟ -BSHF$PNNVOJUZPG$POUSJCVUPST
↟ .BLFTJUFBTZUPHFUIFMQBOEVOEFSTUBOEEFDJTJPOTWJB13T ↟ $PNQMFY5FDI8PSLTJO)BSNPOZ ↟ /PUBMMTFUVQJTFBTZUPDPOGJHVSF
#0*-&31-"5&$0/4 ↟ .BHJD ↟ *GZPVEPOUVOEFSTUBOEUIFUFDI DIBOHJOHBOZUIJOHOJHIUNBSF ↟ 0QJOJPOBUFE ↟ :PVNJHIUOPUMJLF4BHBT
PS5IVOLTPS$44*O+4 ↟ "CTUSBDUJPOT%POU$PWFSFWFSZ6TFDBTF ↟ :PVSFUIFPOMZPOFUIBUVOEFSTUBOETBMMUIFSFRVJSFNFOUT
1016-"3#0*-&31-"5&4 ↟*HOJUF HJUIVCDPNJOGJOJUFSFEJHOJUF ↟4OPXGMBLF HJUIVCDPNCBSUPOIBNNPOETOPXGMBLF ↟1FQQFSPOJ HFUQFQQFSPOJDPN
↟/BUJWF#BTF OBUJWFCBTFJP
1-"/")&"%
↟.BLFB#MVFQSJOU ↟5FTU$PNQPOFOUT"IFBE0G5JNF ↟4FBSDI*TTVFTGPS4JNJMBS6TF$BTFT
.",&1"5)4'6/ DPOTU)FMMP*NBHFSFRVJSF JNBHFTIFMMPQOH #&'03& DPOTU)FMMP*NBHFSFRVJSF !JNBHFTIFMMPQOH "'5&3
app |—assets |—images |—hello-world.png |—index.js |—package.json |—components |—utilities |—index.js |—package.json
|—build-fetch.js |—format-currency.js
const IMAGES = { helloWorld: require(‘./hello-world.png’), backButton: require(‘./back-button.png’), }; module.exports
= IMAGES; JNBHFTJOEFYKT
{ “name”: “@images”, “main”: “index.js” } JNBHFTQBDLBHFKTPO
export buildFetch from ‘./build-fetch’; export formatCurrency from ‘./format-currency’; VUJMJUJFTJOEFYKT
import buildFetch from ‘./build-fetch’; import formatCurrency from ‘./format-currency’; export const
BuildFetch = buildFetch; export const FormatCurrency = formatCurrency; VUJMJUJFTJOEFYKT
/"7*("5*0/ 8&#/"5*7&
/"7*("5*0/ ↟ 4UBDL/BWJHBUJPO ↟ "TUBDLPGSPVUFTUIBUZPVQVTIQPQ ↟ 5BC/BWJHBUJPO ↟ J045BC#BS ↟
%SBXFS/BWJHBUJPO ↟ "OESPJE0GG$BOWBT ↟ .PEBMT ↟ 'SBNFXPSLTQFDJGJD &BTZUP,FFQ0VUPG UIF3PVUFS"MUPHFUIFS
↟ /VDMJEF ↟ '#1MVHJO#VJMUPOUPQPG"UPNUPVOJGZ'BDFCPPL%FWFMPQFST8PSLGMPXT ↟ OVDMJEFJP ↟ &YQPOFOU 9%& &YUFOEFE%FWFMPQNFOU&OWJSPONFOU
↟ "CTUSBDUJPO0O5PQ0G3FBDU/BUJWF ↟ HFUFYQPOFOUDPN ↟ %&$0*%& ↟ 4LFUDITUZMF(6* ↟ EFDPTPGUXBSFDPN %&7&-01&3&91&3*&/$&
↟ 3FBEUIF3FMFBTF/PUFT ↟ $SFBUFB/FX#SBODI ↟ #F1SFQBSFE5P/VLFOPEF@NPEVMFT CVJMET FUD ↟ SOEJGGJT:PVS'SJFOE
61(3"%*/(
↟ (FOFSBUFTB1BUDI#BTFE0O&WFSZ7FSTJPO ↟ $PNQBSF5IF%JGGJOUIF#SPXTFS ↟ "QQMZ5IF1BUDI5P:PVS#SBODI ↟ HJUIVCDPNODVJMMFSZSOEJGG SOEJGG
diff --git a/RnDiffApp/package.json b/RnDiffApp/package.json index ae545bd ..af81e62 100644 --- a/RnDiffApp/package.json
+++ b/RnDiffApp/package.json @@ -7,6 +7,6 @@ }, "dependencies": { "react": "15.3.1", - "react-native": "0.36.1" + "react-native": "0.37.0" } }
$44 *4%*''&3&/5
↟4VCTFUPG"DUVBM$44"1* ↟4UZMF4IFFU$SFBUF ↟/P$44"OJNBUJPOT ↟/P1SF1SPDFTTPSTMJLF4BTT -FTT
var styles = StyleSheet.create({ container: { borderRadius: 4, borderWidth: 0.5,
borderColor: '#d6d7da', } });
'-&9#09 *4%*''&3&/5
'0-,450'0--08 ↟ /BEFS%BCJU!EBCJU ↟ #SFOU7BUOF!OPUCSFOU ↟ .JLF(SBCPXTLJ!HSBCCPV ↟ 4BUZBKJU4BIPP!TBUZB ↟
+BTPO#SPXO!CSPXOJFGFE ↟ -FMBOE3JDIBSETPO!JOUFMMJHCBCCMF ↟ %FWJO"CCPUU!EFWJOBBCCPUU ↟ +BOJD%VQMFTTJT!KBOJDEVQMFTTJT ↟ .BUFVT[;BUPSTLJ!NBU[BUPSTLJ ↟ 1FUFS1JFLBSD[ZL!QFUFSQNF
5)"/,4 !QFUFSQNF !QFUFSQNF