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

reactの基礎と設計パターン

DragonTaro1031
May 13, 2019
26k

 reactの基礎と設計パターン

https://supporterzcolab.com/event/822/ の登壇資料です!
参考リポジトリはこちらです。https://github.com/Dragon-taro/spz-react

DragonTaro1031

May 13, 2019
Tweet

Transcript

  1. SFBDUͰग़ͯ͘Δ༻ޠ SFOEFS w WJFXΛඳը͢Δ͜ͱ w ΫϥείϯϙʔωϯτͰ͸SFOEFS ϝιουΛҰͭͩ ͚ఆٛ͢Δඞཁ͕͋Δ MJGFDZDMF w

    ίϯϙʔωϯτ͕ੜ੒͞Ε͔ͯΒ࡟আ͞ΕΔ·ͰͷΠϕ ϯτͷ͜ͱ w DPNQPOFOU%JE.PVOU DPNQPOFOU%JE6QEBUF ͳ Ͳ͕͋Δ
  2. SFBDUͰग़ͯ͘Δ༻ޠ  KTY w SFBDUಠಛͳه๏ʢۤखҙࣝΛ࣋ͭਓ΋ଟ͍Xʣ w \^Ͱ͘͘ΔͱKTΛͦͷ··͔͚Δ w ίϯϙʔωϯτ͸Ұ͚ͭͩͷKTYཁૉΛඞͣSFUVSO w

    ม਺ʹͦͷ··୅ೖ͢Δ͜ͱ͕Ͱ͖Δ LFZ w ϧʔϓͨ͠KTYཁૉʹ෇༩͠ͳ͍ͱ͍͚ͳ͍Ұҙͳ஋ w LFZͷ஋͕มΘΔͱ࠶SFOEFS͞ΕΔ
 ˠJOEFYΛLFZʹ͢Δͱॱ൪͕มΘͬͨ࣌ʹύϑΥʔϚϯε͕ མͪΔ
  3. ίϯϙʔωϯτ w ҰͭҰͭͷ෦඼ w ؔ਺PSΫϥε
 SFBDUIPPLͷొ৔ʹΑΓΫϥε͸ࠓޙ࢖Θͳ͘ͳΔ༧ఆ  w Ͱ͖Δ͚ͩTUBUFΛ࣋ͨͳ͍Α͏ʹίϯϙʔωϯτΛઃܭ ͨ͠ํ͕͍͍

    ؅ཧ͠΍͍͢  w ࠶ར༻ՄೳͳίϯϙʔωϯτΛ࡞੒͠࢖͍ճ͢ͷ͕Ұൠత ʢ͜͜ͷઃܭํ਑͕Ήͣˠࠓ೔ͷϝΠϯʣ
  4. NJEEMFXBSF w SFEVYͷඪ४Ͱ͸αϙʔτ͞Ε͍ͯͳ͍ˠผ్ϥΠϒϥϦ Λ࢖͏ͷ͕Ұൠత SFEVYUIVOL SFEVYTBHB FUD  w ओʹඇಉظॲཧΛॻ͘

    w EJTQBUDIՄೳͳؔ਺Λఆٛ UIVOL  w BDUJPOUZQFͰͲͷॲཧΛߦ͏͔൑ఆ TBHB PCTFSWBCMF  w ඇಉظॲཧ͕׬ྃ͢Δ࠶౓EJTQBUDI͢Δ
  5. ࠓճͷΞϓϦͰ͸ɺɺ GPSN w GPSNͷTUBUFͷΈΛ؅ཧ w ඇಉظॲཧ͸ߦΘͳ͍ UPEPT w UPEPͷཁૉͷ഑ྻ w

    UPEPͷऔಘɾ௥Ճɾ࡟আ౳ Λߦ͏ w औಘͷΈඇಉظͰαʔόʔ ʹऔΓʹ͍͘
  6. ίϯϙʔωϯτઃܭʢʣ -BCFMFE*OQVU .PM -BCFMFE5FYUBSFB .PM #VUUPO "UPN *OEFY 1BHF 0OF$PMVNO

    "UPN "EE5PEP 0SH 5FYU*OQVU "UPN 5FYUBSFB "UPN 5PEP-JTU 0SH -JTU*UFN .PM #VUUPO "UPN $IFDLCPY "UPN
  7. ίϯϙʔωϯτઃܭʢʣ -BCFMFE*OQVU .PM -BCFMFE5FYUBSFB .PM #VUUPO "UPN *OEFY 1BHF 0OF$PMVNO

    "UPN "EE5PEP 0SH 5FYU*OQVU "UPN 5FYUBSFB "UPN 5PEP-JTU 0SH -JTU*UFN .PM #VUUPO "UPN $IFDLCPY "UPN
  8. ίϯϙʔωϯτઃܭʢʣ -BCFMFE*OQVU .PM -BCFMFE5FYUBSFB .PM #VUUPO "UPN *OEFY 1BHF 0OF$PMVNO

    "UPN "EE5PEP 0SH 5FYU*OQVU "UPN 5FYUBSFB "UPN 5PEP-JTU 0SH -JTU*UFN .PM #VUUPO "UPN $IFDLCPY "UPN
  9. ίϯϙʔωϯτઃܭʢʣ -BCFMFE*OQVU .PM -BCFMFE5FYUBSFB .PM #VUUPO "UPN *OEFY 1BHF 0OF$PMVNO

    "UPN "EE5PEP 0SH 5FYU*OQVU "UPN 5FYUBSFB "UPN 5PEP-JTU 0SH -JTU*UFN .PM #VUUPO "UPN $IFDLCPY "UPN
  10. ίϯϙʔωϯτઃܭʢʣ -BCFMFE*OQVU .PM -BCFMFE5FYUBSFB .PM #VUUPO "UPN *OEFY 1BHF 0OF$PMVNO

    "UPN "EE5PEP 0SH 5FYU*OQVU "UPN 5FYUBSFB "UPN 5PEP-JTU 0SH -JTU*UFN .PM #VUUPO "UPN $IFDLCPY "UPN