mobx性能最適化

627 ワード

最近mobxプロジェクトの開発を見たばかりで、よく見えるmobxの実際のテストの性能は理想的ではなく、いくつかの資料を調べて最適化を始めました.
具体的なパフォーマンスの問題は

操作遅延

レンダリング回数が多すぎる

メモリ爆発計

最適化は次のとおりです.

view store ではなく、actionメソッドが呼び出されます.view store ではなく、レンダリングが完了してから実行されます.公式サイトの例はviewにstoreを書くことです.コード構造が簡単で、ネットワーク遅延がないので、それほど遅延はありません.

observer .配列を書くとmobxは配列を1つずつ書き、viewレイヤが繰り返しレンダリングされます.最後の解決策はview observerであり、reactのライフサイクルを直接最適化する.

obeserver shouldComponentUpdate return false、受信したコンポーネントはこのライフサイクルを出発せず、双方向バインドもこの影響を受けず、直接return falseすることができます.