awaitをやめたReact?

当日話した時に配信した動画はこちらです。
https://youtube.com/live/Xn9ioIBweX8?feature=share

※ 一部不明瞭な箇所があったのでスライドを更新しています。

React Tokyoフェス2026参加登録はこちらから！
https://react-tokyo.connpass.com/event/366003/

Transcript

1. 5FSVIJTB
   
   !UBEFW BXBJUΛ΍Ίͨ3FBDUʁ
2. ͜Μʹͪ͸ɺ5FSVIJTBͰ͢ɻ
   3FBDU
   5PLZP
   ্ཱͪ͛ਓͷҰਓͰ͢ɻ
   3FBDU
   5PLZP
   ϑΣε
   ΍Γ·͢ɻ
   ೥݄೔ʢ౔༵೔ʣ
   ౦ژ+3ࢁखઢʮ඿দொʯӺۙ͘Ͱ։࠵Ͱ͢ɻ
   ੋඇɺࢀՃొ࿥ͯ͠༡ͼʹདྷ͍ͯͩ͘͞ʂ
3. 3FBDUͰͷσʔλϑΣονɺ
   Ͳ͏ͯ͠·͔͢ʁ
7. 34$ͷొ৔ʹΑΓ
   ੈ͸·͞ʹେϑΣον࣌୅ʁ 🏴☠
8. ͜ͷτʔΫͰ࿩͢ࣄ ͍ͭ͘΋͋Δσʔλऔಘํ๏ͷߥ೾Λ৐Γ͜ͳͨ͢Ίɺ ͜Ε·Ͱͷ͓͞Β͍ʙ34$ʹΑΔετϦʔϛϯάͰͷ σʔλऔಘ͕ԿͰ͋Δͷ͔ɺΛݟ͍͖ͯ·͢ 🏄🌊
9. 🧊
   OBOJOPXͰ3FBDUͱετϦʔϛϯάΛֶ΅͏ IUUQTHJUIVCDPNUBEFWOZBOJ ࢀߟݩɿ
   /BOJ຋༁ͷٕज़తͳ࿩
10. w3FBDUʹ͓͚ΔσʔλऔಘͷৼΓฦΓ
    wBTZOD
    DPNQPOFOUͱ͍͏৽͍͠σʔλऔಘ
    wBXBJUΛ΍ΊΔબ୒ࢶʁετϦʔϛϯάʁ
    wσʔλϑΣονͱඳըϑϩʔΛ࠶੔ཧ
    wपล஌ࣝͰ೺Ѳ͓͖͍ͯͨ͜͠ͱ 👈
    ຊ୊ ஫ʣຊτʔΫ͸ॳճϩʔυ࣌ʹ ϑΥʔΧεͨ͠΋ͷͰ͢ɻ
11. 3FBDUʹ͓͚Δ
    σʔλऔಘͷৼΓฦΓ
12. ͜ͷίϯϙʔωϯτͰGFUDI͕࣮ߦ͞ΕΔͷ͸͍ͭʁ
13. ͜ͷίϯϙʔωϯτͰGFUDI͕࣮ߦ͞ΕΔͷ͸͍ͭʁ 
    "QQ
    ͕Ϛ΢ϯτ͞Ε
14. ͜ͷίϯϙʔωϯτͰGFUDI͕࣮ߦ͞ΕΔͷ͸͍ͭʁ 
    "QQ
    ͕Ϛ΢ϯτ͞Ε 
    EBUB͕OVMMͰඳը͞Ε
15. ͜ͷίϯϙʔωϯτͰGFUDI͕࣮ߦ͞ΕΔͷ͸͍ͭʁ 
    "QQ
    ͕Ϛ΢ϯτ͞Ε 
    EBUB͕OVMMͰඳը͞Ε 
    શͯͷඳը͕ऴΘͬͨͱ͖ʹ
    GFUDI ͕࣮ߦ͞ΕΔ
16. ͜ͷίϯϙʔωϯτͰ݁Ռ͕ඳը͞ΕΔͷ͸ʁ 
    "QQ
    ͕Ϛ΢ϯτ͞Ε 
    EBUB͕OVMMͰඳը͞Ε 
    શͯͷඳը͕ऴΘͬͨͱ͖ʹ
    GFUDI ͕࣮ߦ͞Ε 
    EBUB͕ඳը͞ΕΔ
17. GFUDI
    PO
    SFOEFSͱݺ͹ΕΔܗ ϨϯμϦϯάαΠΫϧͷதͰσʔλऔಘ σʔλऔಘ͕ޙखʹճΔ
18. ίϯϙʔωϯτͷ֎ɺ
    3FBDUͷ֎ɺ
    +4ͷ֎ɺ·Ͱࢹ໺Λ޿͛ͯΈΔͱɾɾɾ
19. ϒϥ΢βͰ3FBDUΞϓϦͷ63-Λ։͍ͯɺ ΞϓϦͷඳը͕׬ྃ͢Δ·ͰΛ૝૾͠Α͏ 🌐 🏁
20. ϦΫΤετ63- ϒϥ΢βͰ41"ΞϓϦ͕ඳը͞ΕΔ·Ͱ 🌐
21. ϦΫΤετ63- ϒϥ΢βͰ41"ΞϓϦ͕ඳը͞ΕΔ·Ͱ +4 $44ͷϩʔυ ϖʔδඳը 🌐
22. ϦΫΤετ63- ϒϥ΢βͰ41"ΞϓϦ͕ඳը͞ΕΔ·Ͱ +4 $44ͷϩʔυ ϖʔδඳը 🌐 +4ʢ3FBDUʣ࣮ߦ
23. ϦΫΤετ63- ϒϥ΢βͰ41"ΞϓϦ͕ඳը͞ΕΔ·Ͱ +4ʢ3FBDUʣ࣮ߦ +4 $44ͷϩʔυ ϖʔδඳը σʔλऔಘத 🌐
24. ϦΫΤετ63- ϒϥ΢βͰ41"ΞϓϦ͕ඳը͞ΕΔ·Ͱ +4 $44ͷϩʔυ ϖʔδඳը ը໘͸നࢴঢ়ଶ ׬ྃ 🌐 +4ʢ3FBDUʣ࣮ߦ σʔλऔಘத
25. ϦΫΤετ63- ϒϥ΢βͰ41"ΞϓϦ͕ඳը͞ΕΔ·Ͱ +4 $44ͷϩʔυ ϖʔδඳը ը໘͸നࢴঢ়ଶ ׬ྃ Ͳ͏ʹ͔ૣΊ͍ͨ 🌐 +4ʢ3FBDUʣ࣮ߦ σʔλऔಘத
26. ϖʔδશͯΛඳը͢Δ
    4FSWFS
    4JEF
    3FOEFSJOH͕ͦ͜ɺ
    ౴͑ͩͬͨɾɾɾ 📌
27. 🌐 443ͷ৔߹ ϦΫΤετ63- 3FBDU࣮ߦ +4 $44ͷϩʔυ ϖʔδඳը ΠϯλϥΫςΟϒʹͳΔͷ͸ ϋΠυϨʔγϣϯ׬ྃޙ 3FBDU࣮ߦ σʔλऔಘ
28. 🫖
29. 3FBDU
    4FSWFS
    $PNQPOFOUTͷొ৔
    BTZOD
    DPNQPOFOUͱ͍͏
    ৽͍͠σʔλऔಘ
30. "TZOD
    $PNQPOFOUͷ֎؍ ૉ௚ʹBTZODBXBJU͕ॻ͚Δʂ ͞Β͹VTF& ff FDU ʂ ͨͩ͠ɺ
31. "TZOD
    $PNQPOFOUͱ͸ w αʔόʔଆͰͷΈ࣮ߦՄೳɺΫϥ ΠΞϯτίʔυͰ͸ಈ͔ͳ͍
    w جຊɺϑϨʔϜϫʔΫ͸ඞཁ
    w BXBJUͷϦΫΤετ͕࣌ؒ௕͚Ε ͹Ϩεϙϯε΋஗͍
    w ஞ࣍తʹBXBJU͢Ε͹஗͍ɻ 1SPNJTFBMM ͰฒྻԽ͸཈͓͑ͯ ͖͍ͨɻ
    w ԼखΛ͢ΔͱɺΞϓϦͷനࢴ࣌ؒ Λ͞Βʹ௕͔͘͠Ͷͳ͍ 🙅
32. ϦΫΤετ63- +4 $44ͷϩʔυ ϖʔδඳը ը໘͸നࢴঢ়ଶ ׬ྃ 🌐 +4ʢ3FBDUʣ࣮ߦ σʔλऔಘத վળ͍ͨ͠ϙΠϯτ͸Ͳͩͬͨ͜ʁ
33. ͜͏͍͕ͨ͠ɾɾɾ ˣαʔόʔଆͰͷσʔλऔಘޮ཰ԽɺϖʔδඳըΛૉૣ͘ʂ ⚡ 🌐 ⚡ ⚡
34. "TZOD
    $PNQPOFOUͷBXBJU͸
    શͯΛࢭΊΔͷͰനࢴΛݟͤΔ͕࣌ؒ ௕͘ͳΔՄೳੑ͕͋Δɺ
    Ͳ͏͢Δʁ DPOTU
    EBUB
    
    BXBJU
    MPOH3FRVFTU ☠ 🌐
35. ͜͏Ͱ͖Δͱྑͦ͞͏͡Όͳ͍ʁ ׬ྃ σʔλऔಘத ˣαʔόʔଆͰ࠷௿ݶͷσʔλऔಘɺ
    ɹඞཁͳσʔλऔಘ͸ޙճ͠ʹͯ͠ϖʔδΛฦ͢ ϖʔδදࣔ 🚀 🌐
36. ղʣ
    BXBJUΛ΍ΊΔ
37. ͜ΕΛɺ DPOTU
    EBUB
    
    BXBJU
    GFUDI
38. ͜ΕΛɺ ͜͏͢Δ DPOTU
    EBUB
    
    BXBJU
    GFUDI DPOTU
    EBUB
    
    GFUDI 1SPNJTF'FUDIFE%BUB
39. ͜Ε͕ɺ $IJME$PNQPOFOU
    EBUB\EBUB^
    
40. ͜Ε͕ɺ ͜͏Ͱ͖Δ $IJME$PNQPOFOU
    EBUB\EBUB^
     $IJME$PNQPOFOU
    EBUB1SPNJTF\EBUB1SPNJTF^
    
41. ͑ʁQSPNJTFΛ౉ͤΔͬͯͲ͏͍͏͜ͱʁ
    ड͚औͬͨ$PNQPOFOUͰBXBJU͕Ͱ͖Δͬͯ͜ͱʁ
    ݁ہBXBJU͢Δͬͯ͜ͱʁ
    Կ͕خ͍͠ͷʁ
42. BXBJU͠ͳ͍ 4VTQFOTF
    GBMMCBDLʜ4VTQFOTF VTF 1BHF
    DPNQPOFOU͸ɺ4FSWFS
    $PNQPOFOU
    6TFS
    DPNQPOFOU͸ɺ$MJFOU
    $PNQPOFOU
43. IUUQTSFBDUEFWSFGFSFODFSTDVTFDMJFOU
44. BXBJUΛ΍ΊΔ͜ͱͰɺ
    ετϦʔϛϯάͰͷσʔλऔಘ͕Մೳʹɻ BXBJU͠ͳ͍͜ͱͰϨϯμϦϯάΛϒϩοΫͤͣɺGBMMCBDL Λ࢖ͬͯશମΛඳը͢ΔΑ͏ʹͳΔɻ
    VTF Ͱ1SPNJTFΛղܾͨ͠Βࠩ͠ସ͑Δɻ ͞Μɺ͔͚ͬ͐ͬʂ
45. ׎͑ͯ͘Εͨɾɾɾʂ ׬ྃ 'BMMCBDLݟͤͭͭϖʔδදࣔɺσʔλ͸औಘத QSPNJTFղܾޙɺ
    ࠩ͠ସ͑Δ 🌐 🚀 DPOTU
    EBUB1SPNJTF
    
    GFUDI 4VTQFOTF
    GBMMCBDL\ʜ^
    
    
    
    $IJME$PNQPOFOU
    EBUB1SPNJTF\EBUB1SPNJTF^
    
    4VTQFOTF
46. σʔλϑΣονͱඳըϑϩʔ ετϦʔϛϯάύλʔϯ 443ύλʔϯ 41"ύλʔϯ WT WT
47. ετϦʔϛϯάύλʔϯ 'JSTU
    1BJOUʢ'$1ʣ 443ύλʔϯ 41"ύλʔϯ 🎨 🎨 🎨 🏁 🏁 🏁 🎨
48. SFOEFS
    BT
    ZPV
    GFUDIͱݺ͹ΕΔܗ ϨϯμϦϯάͱಉ࣌ʹσʔλऔಘ σʔλऔಘ͕ޙखʹճΒͳ͍ GFUDI
    PO
    SFOEFS
49. पล஌ࣝͰ೺Ѳ͓͖͍ͯͨ͜͠ͱ w 3FBDU
    4FSWFS
    $PNQPOFOUTશൠ
    w 34$ͱ443ͷҧ͍
    w ϑϨʔϜϫʔΫ
    w 34$ͱϑϨʔϜϫʔΫػೳͷ۠ผ
    w ϑϨʔϜϫʔΫͷ࣮૷ࠩʢ/FYUKT
    ͱ
    8BLV
    ͷҧ͍ʣ
    w ࠶ϑΣονɺΩϟογϡػߏɺFUD
    w σʔλऔಘͷ΢ΥʔλʔϑΥʔϧɺա৒ͳϙοϓίʔϯ6*ͳͲɺ69΁ͷ ഑ྀ
50. ΈΜͳͰετϦʔϛϯάΛ৐Γ͜ͳͦ͏ʂ
51. ͱ͜ΖͰɺ3FBDU
    $POG
    ͷ
    ʮ"TZOD
    3FBDUʯͷτʔΫ͸ݟ·͔ͨ͠ʁ :PV5VCF
    1BSU
    
    1BSU
     ͜Ε͔Βͷ3FBDU͸ɺ
    "TZODΛσϑΥϧτͱͯ͠ਐԽ༧ఆʂʁ
    ָ͠Έʂ %FNP
    DPEF "TZOD
    3FBDU
    8PSLJOH
    (SPVQ
52. ʮ3FBDUͷਐԽΛָ͠Έ·͠ΐ͏ʂʯ ͓ΘΓ
53. ͜ͷεϥΠυ಺Ͱ͸ɺ4VTQFOTF
    Ͱϥοϓͨ͠ࢠίϯϙʔωϯτ͸$MJFOU
    $PNQPOFOUΛ૝ఆ͍ͯ͠·͢ɻ
    ΋͠ɺ4VTQFOTF
    Ͱϥοϓͨ͠ࢠίϯϙʔωϯτ͕4FSWFS
    $PNQPOFOUͷ৔߹ɺͦͷࢠίϯϙʔωϯτͰBXBJUͯ͠΋4VTQFOTF
    GBMMCBDL͕൓Ԡ͠·͢ɻಉ༷ʹVTF QSPNJTF%BUB ͱͯ͠΋ಉ͡Ͱ͢ɻ
    ௥Ճɾิ଍
54. ҎԼͷΑ͏ʹಉ͡ίϯϙʔωϯτΛෳ਺ՕॴͰ4FSWFS
    $PNQPOFOUͱͯ͠࢖ ͏৔߹ɺGFUDI%BUB ͸ෳ਺ճ࣮ߦ͞Εͯ͠·͏ͷͰɺ3FBDUDBDIF Λ࢖͏ ͜ͱ͕ਪ঑͞Ε·͢ɻ
    ௥Ճɾิ଍ IUUQTSFBDUEFWSFGFSFODFSFBDUDBDIF ⚠
    ճ࣮ߦ 👍
    ճͷΈ