Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Reactとお友達になるには 基本構文(ES6含む)と State / Props を学ぶべきだった

yurixxx8
October 25, 2017

Reactとお友達になるには 基本構文(ES6含む)と State / Props を学ぶべきだった

10月25日 初心者歓迎!React初心者勉強会とLT大会にて使用した資料です。
デモは、以下のリンクからご覧いただけます。

- Stateless Functional Component と Class Component のサンプル
https://codesandbox.io/s/v0625qxoj3

- defaultProps を使った簡単なコンポーネント
https://codesandbox.io/s/4xo9wv0q4x

- setState を使って input に入力された値をリアルタイムで反映させる
https://codesandbox.io/s/6xq1ovor4k

yurixxx8

October 25, 2017
Tweet

More Decks by yurixxx8

Other Decks in Technology

Transcript

  1. 4UBUFMFTT'VODUJPOBM$PNQPOFOU Ҿ਺ͰQSPQTΛड͚औΔ GVODUJPO)FMMP QSPQT \ SFUVSO  EJW I)FMMP \QSPQTWBMVF^I

    EJW   ^ &4ɹΞϩʔؔ਺Ͱॻ͍ͨ৔߹ DPOTU)FMMP QSPQT \ SFUVSO  EJW I)FMMP \QSPQTWBMVF^I EJW   ^
  2. 4UBUFͱ1SPQT w ίϯϙʔωϯτ͕͍࣋ͬͯΔঢ়ଶ w Մม͢Δɺޙ͔ΒมߋͰ͖Δσʔλ w TFU4UBUFϝιουͰߋ৽Λߦ͏͜ͱ͕Ͱ͖Δ w ίϯϙʔωϯτ࡞੒࣌ʹUIJTTUBUFΦϒδΣΫτʹ஋Λࢦఆ͓ͯ͘͠ͱɺ ଞͷϝιου͔ΒUIJTTUBUFͱͯ͠औಘͰ͖Δ

    1SPQT 4UBUF w ਌ίϯϙʔωϯτ͔Β౉͞ΕΔϓϩύςΟ w Մม͠ͳ͍ɺޙ͔ΒมߋͰ͖ͳ͍σʔλʢಡΈऔΓઐ༻ʣ w UIJTQSPQTΦϒδΣΫτʹΑͬͯࢀরͰ͖ΔɹFHUIJTQSPQTOBNF
  3. IUUQTDPEFTBOECPYJPTYRPWPSL ॳظ4UBUFΛઃఆ͢Δ w DMBTTʹDPOTUSVDUPS ϝιουΛ௥Ճ w TVQFS QSPQT ϝιουΛݺͼग़͢ w

    UIJTTUBUFʹΦϒδΣΫτͱͯ͠ॳظͷ4UBUFͷ஋Λఆٛ wσϑΥϧτͰόΠϯυ͞Ε͍ͯͳ͍ͷͰඞཁ w ೖྗ͞Εͨ஋Λऔ͖ͬͯͯɺϦΞϧλΠϜʹ൓ө͍ͤͯ͞Δ