Things I Wish I Knew About React Native When I Started

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

3&"%5)& 3&-&"4&/05&4

'"/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

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

Things I Wish I Knew About React Native When I ...

Things I Wish I Knew About React Native When I Started

More Decks by Peter Piekarczyk

Other Decks in Technology

Featured

Transcript