Reactハンズオン 01 入門編 コード部分抜粋 / React Handson 01 components (excerpt)

2018/07/28 と 2018/07/29 に行ったハンズオンのスライドのうち、コード部分を抜粋して掲載したものです。

Transcript

1. )FMMP8PSMEίϯϙʔωϯτ࡞੒ • TSDDPNQPOFOUT)FMMP8PSMEKT
   Λ࡞੒ͯ͠։͘
2. w ϒϥ΢β͕ࣗಈͰϦϩʔυ͞Εɺ)FMMP8PSME͕දࣔ͞ΕΔ w TSD"QQKT
   Λ։͘
   w )FMMP8PSMEKT
   ΛΠϯϙʔτ w SFOEFS
   ϝιου಺ʹ
   )FMMP8PSME
   
   Λ௥Ճͯ͠อଘ
3. ϓϩύςΟͷड͚౉͠ λάʹଐੑΛ౉͢͜ͱͰɺλά಺Ͱ͸QSPQTϓϩύςΟΛ௨ͯͦ͡ͷ஋ ʹΞΫηεͰ͖ΔΑ͏ʹͳΔ
   1. "QQKT಺Ͱͷݺͼग़͠Λมߋ
   2. )FMMP8PSMEKT಺Ͱ
   QSPQT
   ϓϩύςΟΛ௨ͯ͡HSFFUJOHΛࢀর͢Δ
   3. "QQKTͰͷݺͼग़͠Λมߋ
   4. λάͷࢠཁૉ͸ɺQSPQTDIJMESFO
   ͰࢀরͰ͖Δ
4. &4
   PCKFDU
   EFTUSVDUVSJOH ΍ͬͯΈΑ͏ 1.QSPQTΛड͚औ͍ͬͯͨͱ͜ΖΛɺ\
   HSFFUJOH
   ^
   ʹมߋͯ͠ΈΔ
   2.HSFFUJOHͱ͸ผʹɺUPଐੑΛ౉͠ɺʮੈքʯΛஔ͖׵͑ͯΈΔ
5. ελΠϧఆٛ )FMMP8PSMEίϯϙʔωϯτͷจࣈ৭Λม͑ͯΈΔ
   1. ελΠϧఆٛ
   2. ελΠϧద༻
6. TFU4UBUFΛ࢖ͬͨ؆қεςʔτ؅ཧ 1. "QQKTʹDPOTUSVDUPSϝιουΛ௥Ճͯ͠ϩʔΧϧεςʔτΛ ॳظԽ
7. 
   εςʔτΛࢀরͯ͠ίϯϙʔωϯτʹ౉͢
   • ΍ͬͯΈΑ͏ • constructorͰઃఆͨ͠ॳظ஋Λมߋͯ͠ΈΔ
8. ΠϕϯτͰεςʔτΛॻ͖׵͑Δ 
   εςʔτߋ৽༻ϝιουΛ௥Ճ 
   DPOTUSVDUPSͰΫϥεΠϯελϯεΛCJOE
9. 
   SFOEFSϝιουʹϘλϯ௥Ճ ΠϕϯτͰεςʔτΛॻ͖׵͑Δ • ΍ͬͯΈΑ͏ • stateͷঢ়ଶʹΑͬͯഎܠ৭Λมߋͯ͠ΈΔ