Save 37% off PRO during our Black Friday Sale! »

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

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

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

08bfa23f10d9a6529d2e24adb21d7e06?s=128

Shunsuke Watanabe

July 30, 2018
Tweet

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. &4PCKFDUEFTUSVDUVSJOH ΍ͬͯΈΑ͏ 1.QSPQTΛड͚औ͍ͬͯͨͱ͜ΖΛɺ\HSFFUJOH^ʹมߋͯ͠ΈΔ 2.HSFFUJOHͱ͸ผʹɺUPଐੑΛ౉͠ɺʮੈքʯΛஔ͖׵͑ͯΈΔ

  5. ελΠϧఆٛ )FMMP8PSMEίϯϙʔωϯτͷจࣈ৭Λม͑ͯΈΔ 1. ελΠϧఆٛ 2. ελΠϧద༻

  6. TFU4UBUFΛ࢖ͬͨ؆қεςʔτ؅ཧ 1. "QQKTʹDPOTUSVDUPSϝιουΛ௥Ճͯ͠ϩʔΧϧεςʔτΛ ॳظԽ

  7. εςʔτΛࢀরͯ͠ίϯϙʔωϯτʹ౉͢ • ΍ͬͯΈΑ͏ • constructorͰઃఆͨ͠ॳظ஋Λมߋͯ͠ΈΔ

  8. ΠϕϯτͰεςʔτΛॻ͖׵͑Δ εςʔτߋ৽༻ϝιουΛ௥Ճ DPOTUSVDUPSͰΫϥεΠϯελϯεΛCJOE

  9. SFOEFSϝιουʹϘλϯ௥Ճ ΠϕϯτͰεςʔτΛॻ͖׵͑Δ • ΍ͬͯΈΑ͏ • stateͷঢ়ଶʹΑͬͯഎܠ৭Λมߋͯ͠ΈΔ