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

React Fiber Architectureとレスポンス性の向上 / React fibe...

noyan
October 12, 2023
9

React Fiber Architectureとレスポンス性の向上 / React fiber architecture and responsiveness

noyan

October 12, 2023
Tweet

Transcript

  1. Why, What, and How of React Fiber with Dan Abramov

    and Andrew Clark “ओͳಈػ͸ɺReactͷ௕೥ͷ՝୊ͨͪΛղܾ͢Δ͜ͱͰ͢ɻͦ ͓ͯͦ͠Β͘Ұ൪େ͖ͳ՝୊͸ɺReact͕ݱࡏৗʹಉظతͰ͢ ͕ɺͦ͏Ͱ͋Δඞཁ͸ͳ͍͜ͱͰ͢ɻ” 8 ϝΠϯͷಈػ
  2. “Faster input events with Facebook’s fi rst browser API contributio”,

    Nate Schloss, Andrew Comminos, 2022.4.22 • ϨεϙϯεੑͷͨΊʹύ ϑΥʔϚϯεΛগ٘͠ਜ਼ ʹ͍ͯ͠Δ • ࣮૷͸೉ղʹͳͬͨ • Ϣʔβʔϥϯυͷݶք Ͱɺཧ૝తͳղܾࡦͰ͸ ͳ͍ ຊ౰ʹ͜ΕͰ͍͍ͷ͔ʁ
  3. Ϩεϙϯεੑվળͷ͜Ε͔Β • scheduling.isInputPending, yield ͱ͍͏API͕ChromeͰ࣮૷͕ਐΜͰ͍Δ • isInputPending: ϝΠϯεϨουΛ໌͚౉ͣ͞ʹೖྗ଴ͪΛ൑ఆ • sheduling.yield:

    awaitจͰܧଓ͕͔͚Δ • ͜Ε͸ReactͷSchedulerͷ୅ସʹͳΔ͚ͩͰͳ͘ɺJSͰϩϯάλεΫதʹϨε ϙϯεੑ͕ࣦΘΕΔ໰୊ҰൠͷղܾࡦʹͳΔ • https://github.com/WICG/scheduling-apis/blob/main/explainers/yield-and- continuation.md#scheduleryield