React のパフォーマンスの問題?

Question

1. コンポーネント階層が深すぎる場合、アプリのパフォーマンスに影響しますか? 「はい」の場合、通常はレベルの数が設定されます

2. Redux は、アクションを実行するたびに、リデューサーを通じて新しい状態を生成します。アクションが増えると、状態オブジェクトも増えます。これはパフォーマンスに影響しませんか? redux はどのように回避されるのでしょうか?

Answer 1

コンポーネントのネストの問題は避けられません。コードを再利用するには、コンポーネントをネストする必要があります。そうしないと、コードの量が膨大になります。これは React の欠点の 1 つでもあります。一般的に、ネストのレベルは 3 ～ 5 レベルであれば基本的に解決でき、それ以上深くしても問題ないと推定されます。深すぎると、最初に直面しなければならない問題はパフォーマンスではなく、パラメータがどこからどこに渡されたかを覚えていない可能性があります。再利用率を下げるためにコードを追加することもできますが、メンテナンスははるかに簡単で、パフォーマンスも問題ありません。状態の問題に関して言えば、redux は巨大な状態を維持します。プロジェクト全体が 1 つの州であり、小さな州は個々のコンポーネントに分割されます。特定の状態がどのように動作するかを深く理解していないと、新しい状態が生成された後、元の状態は参照のないオブジェクトのようなものになり、システムによって解放されるようです。

Answer 2

不変を試す

Answer 3

仮想ドーム