2017-02-16 4 views
0

私は現在、node.jsで遊んでいますが、イベントを介してクライアントに返された配列に基づいてリストをレンダリングする方法を探しています。提供された配列に基づいてUIコンポーネントをレンダリングするために使用できるメソッドまたはパターンはありますか?

私のサンプルアプリケーションでは、ノードサーバーは単純な配列を渡す 'details-changed'イベントを出します。 UIの終わりで、私はそのイベントを消費し、各配列要素のリスト項目を描画します。

現在、すべてのリスト項目を削除し、返された配列に基づいてすべての項目を再作成します。しかし、既存のアイテムが残っていて、新しいアイテムだけが作成され、欠落したアイテムが削除されている場合、より効率的な方法やパターンがあるかどうかを知りたいと思います。

+0

もちろん、変更された内容を把握し、変更された項目のみを更新するコードを書くことができます。しかし、あなたのコードとあなたのUIを見ることなく、私たちは本当にそれを助けることができません。変更された情報のみをサーバーから送信することも、実際にデータから変更された内容を把握し、変更された項目のみを変更することもできます。または、毎回すべてのアイテムを再作成するのが最も簡単で簡単な方法です。それはあなた次第です。 – jfriend00

答えて

0

ReactJSを使用して、サーバー側からのデータ変更に基づいてUI更新を処理します。これは、DOMアップデートを効率的かつきれいに操作するための最良の方法です。

+0

ポインタありがとう。確認してみるよ。 –

関連する問題