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
ςϯϓϨʔτʹΑΔ
શߋ৽
γεςϜʹΑΔ
ࠩߋ৽