サードパーティライブラリなしで単一ページのJavaScriptアプリケーションで複数のビューを管理する方法
AJAXリクエストをPHP APIバックエンドに送信して、さまざまなビューのJSONデータをロードする）を行うJavaScriptアプリケーションを構築しています。
アプリのUIは主に、クリックすると右のコンテンツパネルのビューを作成するアイテムが読み込まれた左側のサイドバーメニューで構成されます。この画像のように...
左側のサイドバーには最大60個のアイテムがあり、すべてのアイテムが右側のコンテンツパネルに必要なサードパーティライブラリをロードし、そのビューに必要なDOMイベントを開始して、リモートAPIサーバーからJSONデータをロードします。 。
質問
私の主な質問は、左側のサイドバーアイテムがアイテムの右側のコンテンツパネルUIを構築し、その後、同じアイテムが再度クリックされ、それが再び構築される場合です。アプリ全体がすべてのアイテムライブラリとJSONデータ、およびアプリのメモリ使用量を低下させるその他のデータを構築しないようにする方法を教えてください。
BackboneJSやAngularJSのようなライブラリを使用したくありません。サイドバーアイテム/モジュールに必要なサードパーティライブラリを除いて、純粋なJSが私の目標です。
私がしばらくの間研究してきて、これに関する情報を見つけるのにあまり運がなかったので、ヒントを教えてください！
ライブラリと同じ方法です。状態をメモリに保持し、アクションを実行するときにその状態を確認します。
最新のブラウザのローカルストレージとその他の利点により、SPAとwinフォーム（例）アプリケーションの間に実際の違いはありません。