Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Things I Wish I Knew About React Native When I Started

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

More Decks by Peter Piekarczyk

Other Decks in Technology

Transcript

  1. ↟9BNBSJO YBNBSJODPN  ↟#VJME/BUJWF"OESPJE J04 .BDBQQTVTJOH$ ↟.BUVSFBOEQFSGPSNBOUQMBUGPSN ↟#BDLFE#Z.JDSPTPGU ↟/BUJWF4DSJQU OBUJWFTDSJQUPSH

     ↟#VJMUGPS"OHVMBS 5ZQF4DSJQUPS+BWBTDSJQU ↟8SJUFPODF SVOFWFSZXIFSF ↟#BDLFECZ5FMFSJL $0.1&5*5034
  2. '"/5"45*$3&4063$&4 ↟ NBLFJUPQFODPN ↟ '#T'$POGFSFODF"QQGFBUVSJOH3/ 3FEVY (SBQI2- 'MPX ↟ SFBDUOBUJWFFYQSFTTDPN

    ↟ 6QUPEBUFHVJEFGVMMMFOHUICFHJOOFSTHVJEF ↟ 3FBDU/BUJWF'VOEBNFOUBMT!FHHIFBEJP ↟ 7JEFPHVJEFCZ5ZMFS.D(JOOJT
  3. #0*-&31-"5&1304 ↟ 1SPKFDU4FUVQJTUJNFDPOTVNJOH ↟ 3FEVY /BWJHBUJPO %BUB1FSTJTUFODF /FUXPSL$BMMTj ↟ -BSHF$PNNVOJUZPG$POUSJCVUPST

    ↟ .BLFTJUFBTZUPHFUIFMQBOEVOEFSTUBOEEFDJTJPOTWJB13T ↟ $PNQMFY5FDI8PSLTJO)BSNPOZ ↟ /PUBMMTFUVQJTFBTZUPDPOGJHVSF
  4. #0*-&31-"5&$0/4 ↟ .BHJD ↟ *GZPVEPOUVOEFSTUBOEUIFUFDI DIBOHJOHBOZUIJOHOJHIUNBSF ↟ 0QJOJPOBUFE ↟ :PVNJHIUOPUMJLF4BHBT

    PS5IVOLTPS$44*O+4 ↟ "CTUSBDUJPOT%POU$PWFSFWFSZ6TFDBTF ↟ :PVSFUIFPOMZPOFUIBUVOEFSTUBOETBMMUIFSFRVJSFNFOUT
  5. import buildFetch from ‘./build-fetch’; import formatCurrency from ‘./format-currency’; export const

    BuildFetch = buildFetch; export const FormatCurrency = formatCurrency; VUJMJUJFTJOEFYKT
  6. /"7*("5*0/ ↟ 4UBDL/BWJHBUJPO ↟ "TUBDLPGSPVUFTUIBUZPVQVTIQPQ ↟ 5BC/BWJHBUJPO ↟ J045BC#BS ↟

    %SBXFS/BWJHBUJPO ↟ "OESPJE0GG$BOWBT ↟ .PEBMT ↟ 'SBNFXPSLTQFDJGJD &BTZUP,FFQ0VUPG
 UIF3PVUFS"MUPHFUIFS
  7. ↟ /VDMJEF ↟ '#1MVHJO#VJMUPOUPQPG"UPNUPVOJGZ'BDFCPPL%FWFMPQFST8PSLGMPXT ↟ OVDMJEFJP ↟ &YQPOFOU 9%& &YUFOEFE%FWFMPQNFOU&OWJSPONFOU

    ↟ "CTUSBDUJPO0O5PQ0G3FBDU/BUJWF ↟ HFUFYQPOFOUDPN ↟ %&$0*%& ↟ 4LFUDITUZMF(6* ↟ EFDPTPGUXBSFDPN %&7&-01&3&91&3*&/$&
  8. 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" } }
  9. '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