背景として画像を使用するコンポーネントがアプリに含まれています。このコンポーネントは、ユーザーが以前のメッセージを表示したり、新しいメッセージを送信したりできるチャット画面です。コンポーネントは redux ストアに接続されています。コンポーネントは、高レベルで次のように見えます
// Chat screen
<Image>
<Messages />
<TextInput />
</Image>
チャット画面コンポーネントは、ユーザーが何かを入力するたびに再レンダリングされます。ときどき、入力した文字が画面に表示されるまでに時間がかかるとユーザーから報告されています。Imageユーザーが何かを入力するたびに も再レンダリングされるという事実が原因であるかどうか、Messagesおよびを別のコンポーネントに抽出し、再レンダリングされないTextInputようにそれを redux ストアに接続することが理にかなっている場合、私は考えていますImageユーザーが入力しているとき。
パフォーマンスに影響しない場合は、この変更を行いたくありません。ラグが非常に断続的であるため、その変更がパフォーマンスに影響を与えているかどうかを測定する確実な方法がありません.
これがコンポーネントのパフォーマンスに影響すると思われる場合はお知らせください。