KnockoutからReactに乗り換えたいはなし

2016/11/24開催のWe Are JavaScripters! @1st（https://wajs.connpass.com/event/44567/）にてお話した資料です。
申請していたタイトルとだいぶ変わってしまった……
ポートフォリオはこちら→http://atsuco.me/

Transcript

1. ,OPDLPVUKT͔Β3FBDUKTʹ
   ৐Γ׵͍͑ͨ͸ͳ͠
   
   

   View Slide

2. ࢓ࣄ͍ͩ͘͞
   ೣ೿ͷ؁ౘɺң͕ऑ͍ܥ8԰
   ϑϩϯτΤϯυΤϯδχΞ
   ΞαΦΧɹΞπί
   !BUTVDP@
   

   View Slide

3. ʮ৐Γ׵͍͑ͨ͸ͳ͠ʯͳͷͰ
   ৐Γ׵͑ΒΕͯ͸ͳ͍Ͱ͢
   

   View Slide

4. ,OPDLPVUKTͱ3FBDUKT
   

   View Slide

5. w ΫϥΠΞϯταΠυ.77.ϑϨʔϜϫʔΫ
   w #BDLCPOFKTͱ"OHVMBSKTͷؒ͘Β͍
   w σʔλόΠϯσΟϯάͰ΋͝΋͢͝Δ
   w K2VFSZͰ%0.ૢ࡞Ϛδצหɺͯ࣌ʹ࢖ͬͯͨ
   

   View Slide

6. w 'BDFCPPLࣾ੡+4ϥΠϒϥϦ
   w 6*Λߏங͢ΔͨΊʹ࡞ΒΕ͍ͯΔ.7$Ͱݴ͏7
   w 7JSUVBM%0.ʹΑͬͯ଎౓໘ͷ໰୊Λղফ
   

   View Slide

7. ,OPDLPVUͰ࣮૷͍ͯͨ͠ϖʔδΛ
   3FBDUʹ৐Γ׵͍͑ͨ
   

   View Slide

8. w ,OPDLPVUͷ࣮૷͕೥Ҏ্લͰվम͕͠ΜͲ͍
   w 3FBDUͷษڧձʹࢀՃͨ͠ͷͰ࢖ͬͯΈ͍ͨ
   w -5ͷωλʹͳΔ͜ͱ͕ͳ͔ͬͨ
   

   View Slide

9. ༻ҙ͢Δ΋ͷɾલఏ஌ࣝ
   

   View Slide

10. w ,OPDLPVUͰ࣮૷͞ΕͨϙʔτϑΥϦΦ
    w 3FBDU͸νϡʔτϦΞϧΛͳΜͱͳ͘௨աࡁΈ
    w ษڧձͰ3FBDUSPVUFSΛ࢖ͬͨ͜ͱ͕͋Δ
    w ؤுΔɺͱ͍͏ؾ࣋ͪ
    

    View Slide

11. ੍࡞࣮੷Ұཡ͕
    ,OPDLPVUʹͳͬͯΔ
    Ϟʔμϧ΋ग़ΔΑ
    

    View Slide

12. ϨϯμϦϯάςϯϓϨʔτʹ
    EBUBCJOEͰσʔλΛඥ෇͚͍ͯ͘
    

    View Slide

13. View Slide

14. ίϯϙʔωϯτͰ
    ϦετΛ࡞ͬͯు͖ग़͢
    

    View Slide

15. ϖʔδશମΛίϯϙʔωϯτԽͯ͠ಥͬࠐΉ
    ࣮੷ҰཡͱϞʔμϧΛίϯϙʔωϯτʹ੾Γग़͠
    ಺෦ʹ࣮੷ͷσʔλΛ࣋ͨͤͯऔಘ͢Δ
    ࣮੷ҰཡͱϞʔμϧʹͱΓ͋͑ͣग़ྗ
    ࣌ؒ͘Β͍
    Ͱ͖ͨ͜ͱ
    

    View Slide

16. w ࣮੷ҰཡͷΫϦοΫͱϞʔμϧͷத਎Λ࿈ಈ
    w ࣮੷σʔλΛ֎෦+40/Խ
    w "CPVUͱ8PSLTΛϧʔςΟϯάͤ͞Δ
    w αʔόαΠυϨϯμϦϯά
    w ੍࡞࣮੷;΍͢
    ࠓޙ΍Γ͍ͨ͜ͱ
    

    View Slide

17. ײ૝ͳͲ
    

    View Slide

18. w 3FBDUॻ͖΍͍͢
    w +49͸)5.-ͱ+4ͷѱຐ༥߹
    w K2VFSZ͸ཁΒͳ͘ͳ͍
    w αʔόαΠυϨϯμϦϯά͠ͳ͍ͱCPEZ௚Լ͕
    ࠅ͍͜ͱʹͳΔ
    ͜Ε͸ࠅ͍
    

    View Slide

19. ʹܙൺणͰ΋͘΋͘ձ͠·͢
    

    View Slide

20. ͋Γ͕ͱ͏͍͟͝·ͨ͠
    

    View Slide