Reactのコンポーネント作成を効率化しよう

【増枠】UIT#2 怠けるために努力を惜しまない プロのフロントエンドエンジニアたち
https://uit.connpass.com/event/79891/

@Twitter
https://twitter.com/__sakito__

Transcript

1. 3FBDUͷίϯϙʔωϯτ࡞੒Λ
 ޮ཰Խ͠Α͏
   6*5
   ଵ͚ΔͨΊʹ౒ྗΛ੯͠·ͳ͍
   ϓϩͷϑϩϯτΤϯυΤϯδχΞͨͪ
3. 3FBDUͷίϯϙʔωϯτ࡞Δͷ
 ໘౗͍͘͞ͱײͨ͡ํ͍·ͤΜ͔ʁ
5. ϑΝΠϧΛ࡞੒͢Δ
   ඞཁͳϞδϡʔϧΛJNQPSU͢Δ
   DMBTTΛ࡞੒͢Δ
   FYQPSU͢Δ
   SFOEFSͱSFUVSOΛهࡌ͢Δ
   ඞཁͰ͋Ε͹$44ϑΝΠϧ࡞੒͢Δ
   ඞཁͰ͋Ε͹5FTUϑΝΠϧΛ࡞੒͢Δ
   FUDʜ
6. 3FBDUͷίϯϙʔωϯτ࡞Δͷ
 ໘౗͍͘͞Ͱ͢
7. "OHVMBSΈ͍ͨʹ$-*Ͱੜ੒͍ͨ͠
8. DSFBUFDPNQPOFOUBQQ
9. DSFBUFDPNQPOFOUBQQ
   IUUQTHJUIVCDPN$7BSJTDPDSFBUFDPNQPOFOUBQQ
10. DSFBUFDPNQPOFOUBQQ wίϯϙʔωϯτΛίϚϯυೖྗͰੜ੒Ͱ͖Δ
    w4'$ɺ$MBTTɺ1VSFͷίϯϙʔωϯτΛબ୒Ͱ͖Δ
    wίϯϙʔωϯτΛΧελϜͰ͖Δ
    w3FEVYΛ࢖༻͢Δύλʔϯʹ΋ରԠ
    wJOEFYϑΝΠϧͷ࢖༻Λબ୒Ͱ͖Δ
    wDTT TDTTͳͲͷελΠϧ֦ுΛબ୒Ͱ͖Δ
    w4UPSZCPPLϑΝΠϧͷੜ੒Λબ୒Ͱ͖Δ
    wUFTUϑΝΠϧͷੜ੒Λબ୒Ͱ͖Δ
    wੜ੒͢ΔQBUIΛࢦఆͰ͖Δ
11. ࢖༻ํ๏
12. ࢖༻ํ๏ PS PS
15. ແࣄίϯϙʔωϯτ͕ੜ੒͞Εͨ
16. ࣗ෼ͷ࢖͍͍ͨ
 ίϯϙʔωϯτͷ਽ܕͰ͸ͳ͍
17. DSFBUFDPNQPOFOUBQQ wίϯϙʔωϯτΛίϚϯυೖྗͰੜ੒Ͱ͖Δ
    w4'$ɺ$MBTTɺ1VSFͷίϯϙʔωϯτΛબ୒Ͱ͖Δ
    wίϯϙʔωϯτΛΧελϜͰ͖Δ
    w3FEVYΛ࢖༻͢Δύλʔϯʹ΋ରԠ
    wJOEFYϑΝΠϧͷ࢖༻Λબ୒Ͱ͖Δ
    wDTT TDTTͳͲͷελΠϧ֦ுΛબ୒Ͱ͖Δ
    w4UPSZCPPLϑΝΠϧͷੜ੒Λબ୒Ͱ͖Δ
    wUFTUϑΝΠϧͷੜ੒Λબ୒Ͱ͖Δ
    wੜ੒͢ΔQBUIΛࢦఆͰ͖Δ
18. ίϯϙʔωϯτΛΧελϜͰ͖Δ
19. ίϯϙʔωϯτΛΧελϜͰ͖Δ DDBSDKTPOΛ࡞੒ͯ͠هड़
20. ίϯϙʔωϯτΛΧελϜͰ͖Δ ςϯϓϨʔτϑΝΠϧΛ࡞੒ ࠓճ͸KTͱDTTͷΈ
21. ίϯϙʔωϯτΛΧελϜͰ͖Δ ઃఆΛ্ॻ͖͢ΔOQN
    TDSJQUΛهड़ ࣮ߦ
22. ίϯϙʔωϯτΛΧελϜͰ͖Δ
23. ίϯϙʔωϯτΛΧελϜͰ͖Δ ແࣄίϯϙʔωϯτ͕ੜ੒͞Εͨ
24. ໌೔͔Β൥Θ͍͠࡞ۀ͸
 ޮ཰Խ͠·͠ΐ͏ʂ☺
25. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠