反応繊維とは何ですか？

#React Fiber とは何ですか? （推奨研究： phpstorm ）

#公式の説明は「反応繊維はコアアルゴリズムの再実装です」です。 これを言うにはあまりにも漠然としているように思えるので、まだ詳しく説明する必要があります。

まず第一に、あまり神経質になりすぎないでください。React Fiber の登場が大きな革命であるとは考えないでください。実際、React をツールとしてのみ使用している私たち開発者にとっては、それほど大きな変革とは感じないかもしれません。機能的な変更。

React v16 がリリースされたら、package.json の React バージョン番号を変更して、再度 npm install を実行すると、Web ページのパフォーマンスが向上したと感じます。

React Fiber の方法

JavaScript での同期操作時間が長すぎる問題を解決する方法は、実際には非常に簡単です - シャーディングです。

長いタスクを多くの小さな部分に分割します。それぞれの小さな部分の実行時間は非常に短いです。合計時間は依然として非常に長いですが、それぞれの小さな部分が実行された後、他のタスクに実行の機会が与えられます。このようにすると、唯一のスレッドが独占されることはなく、他のタスクが実行される可能性が残ります。

React Fiber は更新プロセスを断片化します。実行プロセスは次の図に示すとおりです。各更新プロセスが実行された後、React のタスク調整を担当するモジュールに制御が戻り、更新プロセスが更新プロセスにあるかどうかを確認します。他に行うべき緊急のタスクがあります。緊急のタスクがない場合は更新を続行します。緊急のタスクがある場合は、緊急のタスクを実行します。

各シャードを維持するデータ構造はファイバーです。

シャーディングでは、更新処理のコールスタックは下図のようになり、真ん中の谷はあるシャードの実行過程を表し、山はシャードの実行終了時刻を表し、制御を返します。

以上が反応繊維とは何ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。