シンプルなtodoアプリを作成しています。私はプロジェクトモデルを持っていますが、そこには多くのやること、ファイル、そして議論があります。
プロジェクトのショーページには、Todoリスト、ファイルリスト、ディスカッションリストの3つのリストがあります。
私はJSを使用してこれを実装し始めました。すべてのリストを同時にレンダリングし、上部に3つのボタンがあり、それぞれが対応するリストの状態の表示と非表示を切り替えます。
特にファイルとディスカッションのリストで、読み込み時間について心配しました。ファイルリストはファイルをロードする必要があり、ロード時間が遅くなり、議論が多くなるため、そのリストのロードにも時間がかかります。これらの読み込み時間をすべて追加すると、遅すぎて快適に使用できないのではないかと思います。(おそらく事前最適化ですが、私は正しく学びたいです...)
私はばかげているだけですか?JSでこれを実装する必要がありますか?それとも私はこれを別の方法で行う必要がありますか?
もしそうなら、どのように?各リストを別々のページ(プロジェクト/タスク、プロジェクト/ファイル、プロジェクト/ディスカッション)にする必要がありますか?JSを続行し、ページ付けを使用して設定された量のデータをロードし、ロード時間を耐えられるようにする必要がありますか?