DOM再描画への影響の少ない代替手段

Question

私は現在、WebGLの '背景'にWebGLを使用し、その上にUIレイヤーを持つプロジェクトを作成しています。私はUIをビルドして更新するために、自分の武器として反応を使用し始めました（reduxと共に）。私が走った問題は、その時点でマウントされているコンポーネントでsetStateを呼び出すと、私のWebGLコンテンツ（回転する球体）が非常にわずかにジッタになることです。

私は反応以外のものを使用していたので、しばらくしていましたが、私はデータの取得と状態管理のために還元していきたいと思います。だから、私の質問です：どのような良いUIフレームワークは、この場合、DOMの再描画に与える影響が少ないでしょうか？私はすでに、還元店に耳を傾けながらバニラJSを使ってDOMを操作し、ジッタがなくなった小さな概念証明をしました。 Ofcourse、jQueryはオプションになりますが、古くなったようですね？私はNPMとWebpackを使ってビルドとパッケージ管理を行っています。本当にありがとう！

Answer 1

あなたのUIが非常に複雑ではなく、パフォーマンスが必要な場合は、通常のDOM操作を試してみてください。 WebGLを使用するため、JavaScriptでは重大な作業を行うことはできません。そうしないと、フレームレートが低下します。

また、componentShouldUpdateと他のリアクションパフォーマンストリックの実装を開始して、1つのフレームの下で更新時間を取得することもできます。それは困難ですが可能です。