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

ざっくりReact Fiberまとめ

ざっくりReact Fiberまとめ

Yoshitaka Terazawa

April 13, 2018
Tweet

More Decks by Yoshitaka Terazawa

Other Decks in Technology

Transcript

  1. StackとFiberの違い Stack(既存) Rootから順番に全て の子Componentを処 理後、renderingする 為、処理中にユーザ からアクセスがあっ た場合に対応できな い Fiber(v17〜)

    class App extends React.Component { render(){ return( <Head /> <div>test</div> ) } } : Fiber Fiberの非同期 RenderingではFiber 単位で処理が実行さ れ、優先度によって Idle中の処理に回す などFlexibleに行わ れる為、ユーザを待 たせない