React hands-on vol.01 - Speaker Deck

React hands-on vol.01

Speaker Deck

Share

Embed

Start on current slide

Slide 1

Slide 1 text

React for Designer 5BLBOPSJ0LJ

Slide 2

Slide 2 text

ࣗݾ঺հ

Slide 3

Slide 3 text

େ໦ଚلʢΦΦΩɹλΧϊϦʣ w ϑϩϯτΤϯυΤϯδχΞ w 8FCαΠτɺ8FCΞϓϦͷ੍࡞ w 2JJUB UBLBOPSJQ

Slide 4

Slide 4 text

3FBDU

Slide 5

Slide 5 text

ٙ໰ w 3FBDUͬͯͳʹʁ w K2VFSZͱԿ͕ҧ͏ͷʁ w ͲΜͳ͍͍͜ͱ͋Δͷʁ

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

3FBDU w 'BDFCPPL੡ +BWB4DSJQU 6*ϥΠϒϥϦɹ ɹ ɹ ʢʺϑϨʔϜϫʔΫʣ w ϑϨʔϜϫʔΫͷ7JFX෦෼Λ୲౰ w 7JSUVBM%0.

Slide 8

Slide 8 text

Controller View Model MVC model React

Slide 9

Slide 9 text

3FBDU74K2VFSZ

Slide 10

Slide 10 text

3FBDU74K2VFSZ

Slide 11

Slide 11 text

3FBDUͱK2VFSZ͸ ڞଘͰ͖Δ

Slide 12

Slide 12 text

ͳͥԾ૝%0.ͱ͍͏֓೦͕ ԶୡͷࠢΛ਒͑ͤ͞Δͷ͔

Slide 13

Slide 13 text

ಛ௃

Slide 14

Slide 14 text

ίϯϙʔωϯτࢦ޲ w ίϯϙʔωϯτʹ6*Λߏ੒͢Δ෦඼ w ίϯϙʔωϯτΛ૊Έ߹ΘͤͯϖʔδΛߏங w QSPQ ఆ਺ ͱTUBUF ঢ়ଶ Λ࢖ͬͯಈతʹߏங

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

+49 w +BWB4DSJQUͷதʹ9.-Λهड़

Slide 17

Slide 17 text

3FBDU+49ͷ஫ҙ఺ w +49಺Ͱ͸+4ͷ༧໿ޙ͕࢖͑ͳ͍ͷͰɹɹɹ ॻ͖׵͕͑ඞཁ DMBTT˰DMBTT/BNFͳͲ w &4ʢ&4ʣͰهड़͢Δ w 9.-ͳͷͰඞͣด͡λά͕ඞཁ w ίϯύΠϧ͕ඞཁ

Slide 18

Slide 18 text

ϝϦοτ

Slide 19

Slide 19 text

؆୯Ͱ଎͍ Virtual DOM JS Object HTML ςϯϓϨʔτʹΑΔ શߋ৽ γεςϜʹΑΔ ࠩ෼ߋ৽