Slide 1

Slide 1 text

456''1&01-&4)06-% )"7&50-%.&"#065 3&"$5/"5*7& 1&5&31*&,"3$;:, !QFUFSQNF

Slide 2

Slide 2 text

1*&↟$"3↟$)*$, ↟ 71 1SPEVDUHPCPPUMFSDPN ↟ 3FBDU/BUJWF3BEJP ↟ 4QFBLFS ↟ t&OUSFQSFOVFSu !QFUFSQNF !QFUFSQNF

Slide 3

Slide 3 text

↟9BNBSJO YBNBSJODPN  ↟#VJME/BUJWF"OESPJE J04 .BDBQQTVTJOH$ ↟.BUVSFBOEQFSGPSNBOUQMBUGPSN ↟#BDLFE#Z.JDSPTPGU ↟/BUJWF4DSJQU OBUJWFTDSJQUPSH  ↟#VJMUGPS"OHVMBS 5ZQF4DSJQUPS+BWBTDSJQU ↟8SJUFPODF SVOFWFSZXIFSF ↟#BDLFECZ5FMFSJL $0.1&5*5034

Slide 4

Slide 4 text

3&"%5)&%0$4

Slide 5

Slide 5 text

IUUQTGBDFCPPLHJUIVCJPSFBDUOBUJWF

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

'"/5"45*$3&4063$&4 ↟ NBLFJUPQFODPN ↟ '#T'$POGFSFODF"QQGFBUVSJOH3/ 3FEVY (SBQI2- 'MPX ↟ SFBDUOBUJWFFYQSFTTDPN ↟ 6QUPEBUFHVJEFGVMMMFOHUICFHJOOFSTHVJEF ↟ 3FBDU/BUJWF'VOEBNFOUBMT!FHHIFBEJP ↟ 7JEFPHVJEFCZ5ZMFS.D(JOOJT

Slide 14

Slide 14 text

'"/5"45*$3&4063$&4 ↟ SFBDUOBWJHBUJPOPSH ↟ "TFSJFTPGHVJEFTGSPNUIFGPMLTUIBUCVJMUUIFOFX/BWJHBUJPO MJCSBSZ ↟ -FBSOJOH3FBDU/BUJWF#PPL ↟ "QSBDUJDBMJOUSPEVDUJPOCZ#POOJF&JTFONBOGSPN5XJUUFS

Slide 15

Slide 15 text

3&"$5/"5*7&6#&3 IUUQXXXSFBDUOBUJWFFYQSFTTDPNVCFS

Slide 16

Slide 16 text

+0*/3&"$5*'-69 0/%*4$03% SFBDUJGMVYDPN

Slide 17

Slide 17 text

6*&91-03&3 (PPHMFt3FBDU/BUJWF6*&YQMPSFS(JUIVCu ↟$PNQPOFOU,JUDIFO4JOL ↟&BTZUP&YQFSJNFOU8JUI ↟-FBETUP0UIFS(SFBU&YBNQMFT5PP

Slide 18

Slide 18 text

6*&91-03&3

Slide 19

Slide 19 text

,&&1:063/"5*7&"11 "%%3&"$5/"5*7&50*5 IUUQTFOHJOFFSJOHJOTUBHSBNDPN ↟ *ODSFNFOUBM6QEBUFT'58 ↟ 4FFJG:PVSF5SVMZ*OUPJU ↟ (FU$MPTFSXJUI:PVS/BUJWF5FBN

Slide 20

Slide 20 text

#0*-&31-"5&4 (&55*/(45"35&% 410*-&3 %0/564&0/&+645:&5

Slide 21

Slide 21 text

#0*-&31-"5&1304 ↟ 1SPKFDU4FUVQJTUJNFDPOTVNJOH ↟ 3FEVY /BWJHBUJPO %BUB1FSTJTUFODF /FUXPSL$BMMTj ↟ -BSHF$PNNVOJUZPG$POUSJCVUPST ↟ .BLFTJUFBTZUPHFUIFMQBOEVOEFSTUBOEEFDJTJPOTWJB13T ↟ $PNQMFY5FDI8PSLTJO)BSNPOZ ↟ /PUBMMTFUVQJTFBTZUPDPOGJHVSF

Slide 22

Slide 22 text

#0*-&31-"5&$0/4 ↟ .BHJD ↟ *GZPVEPOUVOEFSTUBOEUIFUFDI DIBOHJOHBOZUIJOHOJHIUNBSF ↟ 0QJOJPOBUFE ↟ :PVNJHIUOPUMJLF4BHBT PS5IVOLTPS$44*O+4 ↟ "CTUSBDUJPOT%POU$PWFSFWFSZ6TFDBTF ↟ :PVSFUIFPOMZPOFUIBUVOEFSTUBOETBMMUIFSFRVJSFNFOUT

Slide 23

Slide 23 text

1016-"3#0*-&31-"5&4 ↟*HOJUF HJUIVCDPNJOGJOJUFSFEJHOJUF  ↟4OPXGMBLF HJUIVCDPNCBSUPOIBNNPOETOPXGMBLF  ↟1FQQFSPOJ HFUQFQQFSPOJDPN  ↟/BUJWF#BTF OBUJWFCBTFJP

Slide 24

Slide 24 text

1-"/")&"%

Slide 25

Slide 25 text

↟.BLFB#MVFQSJOU ↟5FTU$PNQPOFOUT"IFBE0G5JNF ↟4FBSDI*TTVFTGPS4JNJMBS6TF$BTFT

Slide 26

Slide 26 text

.",&1"5)4'6/ DPOTU)FMMP*NBHFSFRVJSF JNBHFTIFMMPQOH  #&'03& DPOTU)FMMP*NBHFSFRVJSF !JNBHFTIFMMPQOH  "'5&3

Slide 27

Slide 27 text

app |—assets |—images |—hello-world.png |—index.js |—package.json |—components |—utilities |—index.js |—package.json |—build-fetch.js |—format-currency.js

Slide 28

Slide 28 text

const IMAGES = { helloWorld: require(‘./hello-world.png’), backButton: require(‘./back-button.png’), }; module.exports = IMAGES; JNBHFTJOEFYKT

Slide 29

Slide 29 text

{ “name”: “@images”, “main”: “index.js” } JNBHFTQBDLBHFKTPO

Slide 30

Slide 30 text

export buildFetch from ‘./build-fetch’; export formatCurrency from ‘./format-currency’; VUJMJUJFTJOEFYKT

Slide 31

Slide 31 text

import buildFetch from ‘./build-fetch’; import formatCurrency from ‘./format-currency’; export const BuildFetch = buildFetch; export const FormatCurrency = formatCurrency; VUJMJUJFTJOEFYKT

Slide 32

Slide 32 text

/"7*("5*0/ 8&#/"5*7&

Slide 33

Slide 33 text

/"7*("5*0/ ↟ 4UBDL/BWJHBUJPO ↟ "TUBDLPGSPVUFTUIBUZPVQVTIQPQ ↟ 5BC/BWJHBUJPO ↟ J045BC#BS ↟ %SBXFS/BWJHBUJPO ↟ "OESPJE0GG$BOWBT ↟ .PEBMT ↟ 'SBNFXPSLTQFDJGJD &BTZUP,FFQ0VUPG
 UIF3PVUFS"MUPHFUIFS

Slide 34

Slide 34 text

↟ /VDMJEF ↟ '#1MVHJO#VJMUPOUPQPG"UPNUPVOJGZ'BDFCPPL%FWFMPQFST8PSLGMPXT ↟ OVDMJEFJP ↟ &YQPOFOU 9%& &YUFOEFE%FWFMPQNFOU&OWJSPONFOU ↟ "CTUSBDUJPO0O5PQ0G3FBDU/BUJWF ↟ HFUFYQPOFOUDPN ↟ %&$0*%& ↟ 4LFUDITUZMF(6* ↟ EFDPTPGUXBSFDPN %&7&-01&3&91&3*&/$&

Slide 35

Slide 35 text

↟ 3FBEUIF3FMFBTF/PUFT ↟ $SFBUFB/FX#SBODI ↟ #F1SFQBSFE5P/VLFOPEF@NPEVMFT CVJMET FUD ↟ SOEJGGJT:PVS'SJFOE 61(3"%*/(

Slide 36

Slide 36 text

↟ (FOFSBUFTB1BUDI#BTFE0O&WFSZ7FSTJPO ↟ $PNQBSF5IF%JGGJOUIF#SPXTFS ↟ "QQMZ5IF1BUDI5P:PVS#SBODI ↟ HJUIVCDPNODVJMMFSZSOEJGG SOEJGG

Slide 37

Slide 37 text

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" } }

Slide 38

Slide 38 text

$44 *4%*''&3&/5

Slide 39

Slide 39 text

↟4VCTFUPG"DUVBM$44"1* ↟4UZMF4IFFU$SFBUF  ↟/P$44"OJNBUJPOT ↟/P1SF1SPDFTTPSTMJLF4BTT -FTT

Slide 40

Slide 40 text

var styles = StyleSheet.create({ container: { borderRadius: 4, borderWidth: 0.5, borderColor: '#d6d7da', } });

Slide 41

Slide 41 text

'-&9#09 *4%*''&3&/5

Slide 42

Slide 42 text

'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

Slide 43

Slide 43 text

5)"/,4 !QFUFSQNF !QFUFSQNF