中大規模開発をReactで行う現場から伝えたいこと

React meetup#5の登壇資料
https://reactjs-meetup.connpass.com/event/76375/

twitter
https://twitter.com/__sakito__

Transcript

1. தେن໛։ൃΛ
 3FBDUͰߦ͏ݱ৔͔Β఻͍͑ͨ͜ͱ 3FBDUKT
   NFFUVQ
   
   
3. ٕज़తͳ࿩͸͋·Γͳ͍Ͱ͢
4. தେن໛ͳ։ൃΛߦ͏্Ͱ
 ۤ࿑ͨ͜͠ͱվળͨ͜͠ͱΛ࿩͠·͢
5. ݱ৔ͷటष͍࿩Ͱ͢
 Έͳ͞Μ͕ࠓޙ։ൃΛߦ͏ࡍʹ
 ࢀߟʹͳΕ͹ͱࢥ͍·͢
6. ݱࡏߦͳ͍ͬͯΔ։ൃʹ͍ͭͯ
7. ݱࡏߦͳ͍ͬͯΔ։ൃʹ͍ͭͯ
   w
   ϑϩϯτΤϯυͷ։ൃऀɿ։ൃ౰ॳ͸ਓ 

   
   
   
   
   
   
   
   
   ݱࡏ͸ʙਓ΄ͲͱϕτφϜ։ൃڌ఺ʹ਺ਓ
   
   w
   ։ൃ͍ͯ͠Δ΋ͷɿ؅ཧը໘
   
   w
   ։ൃ೥਺ɿ໿೥൒
   
   w
   ࢖༻ٕज़ɿ3FBDU
   
   3FEVY FO[ZNF FUDʜ
   

8. ςετ͸ॻ͔ͳ͍ͱޙʑࣗ෼Λۤ͠ΊΔ
9. ςετ͕ͳͥඞཁͳͷ͔
   w
   Կϲ݄΋લʹ։ൃͨ͠΋ͷΛमਖ਼ͨ͠ͱ͖ɺ

   
   
   
   
   
   
   
   खಈͰࢼݧ͢Δͷਏ͍ɻ
 
 

   w
   ։ൃ͍ͯ͠Δ࠷த΋ؔ܎ͳ͍෦෼ʹӨڹΛ༩͍͑ͯͳ͍͔
 ɹɹ
   
   ؾʹͳͬͯਫ਼ਆతʹΑ͘ͳ͍ɻ
10. ςετΛॻ͘Α͏ʹ͢Δʹ͸ w 5%%ͰਐΊΕ͹ྑ͍͕ɺ࠷ॳ͸ϋʔυϧ͕ߴ͍ͷͰ
 ։ൃ͠ͳ͕ΒͰ͖Δ͚ͩฏߦͰςετΛॻ͍͍ͯ͘
    w $*Ͱςετ͕མ͍ͪͯͳ͍͔֬ೝͰ͖ΔΑ͏ʹ͢Δ
    w ৽ن࣮૷࣌ʹ͸ಉ࣌ʹTQFDϑΝΠϧΛ࡞੒͢Δ
    w ͤΊͯ෼ذʹΑΓදࣔ΍ۚમपΓͷόά͕ى͖ͨΒ
 க໋తͳ෦෼ͷςετ͸ॻ͘Α͏ʹ͢Δ
11. ڞ௨ίϯϙʔωϯτΛՄࢹԽ͢Δ
12. ڞ௨ίϯϙʔωϯτ͕ՄࢹԽ͞Ε͍ͯͳ͍৔߹ w ৽͘͠ਓ͕ೖ͖ͬͯͨͱ͖ʹɺڞ௨ίϯϙʔωϯτ͕͋Δͷʹ
 ஌Βͣʹಉ͡Α͏ͳ΋ͷΛ։ൃͯ͠͠·͏
    w 13ͷͱ͖ʹؾ͍ͮͨͱͯ͠΋ɺࢦఠ͢Δਓ΋
 ࢦఠ͞ΕΔਓ΋͓ޓ͍޾ͤͰ͸ͳ͍
    w ڞ௨ίϯϙʔωϯτ͕͋Δ༗ແΛ౎౓ฉ͔ΕΔͷ΋͠ΜͲ͍
13. 4UPSZCPPL
    IUUQTHJUIVCDPNTUPSZCPPLTTUPSZCPPL
15. υΩϡϝϯτʹৄ͘͠࢒͢
16. υΩϡϝϯτʹ࢒͢΋ͷ w ։ൃ؀ڥͷόʔδϣϯ΍։ൃ؀ڥΛ্ཱͪ͛Δखॱ
    w ίʔσΟϯάΨΠυ ม਺໊ɺ+4%PDͷॻ͖ํɺ
 ࡾ߲ԋࢉࢠΛ࢖͍࿦ཧԋࢉࢠ͸࢖Θͳ͍ɺFUDʜ
    w ςετͷॻ͖ํ
    w 13ΛϨϏϡʔ͢Δࡍʹࢦ਑ʹͳΔΑ͏ͳ΋ͷ
17. όʔδϣϯมߋ͸খࠁΈʹߦ͏
18. όʔδϣϯมߋΛଵͬͨύλʔϯ w ݱࡏࣗ෼ͷ1+͸OPEFͷόʔδϣϯ͕Wܥɾɾɾ
    w ࠷ۙWܥͷαϙʔτ͕੾ΒΕ࢝Ί͍ͯΔͷͰɺ
 ͢΂ͯͷόʔδϣϯߋ৽ΛҰؾʹߦ͓͏ͱ͢Δͱɺ
 ੝େʹΤϥʔ͕ग़ͯಈ͔ͳ͘ͳΓɺվम͕େม
    w ͜ͷ··Ͱ͸Կ͔க໋తͳόά͕ݟ͔ͭͬͨͱ͖ʹɺ
 ਝ଎ͳରॲ͕Ͱ͖ͳ͍
19. όʔδϣϯมߋΛश׳తʹߦ͏ w ࣋ͪճΓ੍ʹͯ͠ɺिʹ౓όʔδϣϯߋ৽Λߦ͏
    w OPEF͸-54ͷόʔδϣϯ͕ߋ৽͞Εͨࡍʹɺ
 όʔδϣϯͷߋ৽Λߦ͏
    w ґଘύοέʔδΛMPDL͢ΔͨΊʹZBSO͔OPEFܥΛ
 ࢖༻͢Δ
20. ޾ͤͳதେن໛։ൃΛૹΕ·͢Α͏ʹ
21. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠