Reactハンズオン 01 入門編 コード部分抜粋 / React Handson 01 components (excerpt)
by
Shunsuke Watanabe
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
)FMMP8PSMEίϯϙʔωϯτ࡞ • TSDDPNQPOFOUT)FMMP8PSMEKTΛ࡞ͯ͠։͘
Slide 2
Slide 2 text
w ϒϥβ͕ࣗಈͰϦϩʔυ͞Εɺ)FMMP8PSME͕දࣔ͞ΕΔ w TSD"QQKTΛ։͘ w )FMMP8PSMEKTΛΠϯϙʔτ w SFOEFSϝιουʹ)FMMP8PSMEΛՃͯ͠อଘ
Slide 3
Slide 3 text
ϓϩύςΟͷड͚͠ λάʹଐੑΛ͢͜ͱͰɺλάͰQSPQTϓϩύςΟΛ௨ͯͦ͡ͷ ʹΞΫηεͰ͖ΔΑ͏ʹͳΔ 1. "QQKTͰͷݺͼग़͠Λมߋ 2. )FMMP8PSMEKTͰQSPQTϓϩύςΟΛ௨ͯ͡HSFFUJOHΛࢀর͢Δ 3. "QQKTͰͷݺͼग़͠Λมߋ 4. λάͷࢠཁૉɺQSPQTDIJMESFOͰࢀরͰ͖Δ
Slide 4
Slide 4 text
&4PCKFDUEFTUSVDUVSJOH ͬͯΈΑ͏ 1.QSPQTΛड͚औ͍ͬͯͨͱ͜ΖΛɺ\HSFFUJOH^ʹมߋͯ͠ΈΔ 2.HSFFUJOHͱผʹɺUPଐੑΛ͠ɺʮੈքʯΛஔ͖͑ͯΈΔ
Slide 5
Slide 5 text
ελΠϧఆٛ )FMMP8PSMEίϯϙʔωϯτͷจࣈ৭Λม͑ͯΈΔ 1. ελΠϧఆٛ 2. ελΠϧద༻
Slide 6
Slide 6 text
TFU4UBUFΛͬͨ؆қεςʔτཧ 1. "QQKTʹDPOTUSVDUPSϝιουΛՃͯ͠ϩʔΧϧεςʔτΛ ॳظԽ
Slide 7
Slide 7 text
εςʔτΛࢀরͯ͠ίϯϙʔωϯτʹ͢ • ͬͯΈΑ͏ • constructorͰઃఆͨ͠ॳظΛมߋͯ͠ΈΔ
Slide 8
Slide 8 text
ΠϕϯτͰεςʔτΛॻ͖͑Δ εςʔτߋ৽༻ϝιουΛՃ DPOTUSVDUPSͰΫϥεΠϯελϯεΛCJOE
Slide 9
Slide 9 text
SFOEFSϝιουʹϘλϯՃ ΠϕϯτͰεςʔτΛॻ͖͑Δ • ͬͯΈΑ͏ • stateͷঢ়ଶʹΑͬͯഎܠ৭Λมߋͯ͠ΈΔ