編集可能なセルで構成されるグリッド タイプの UI を作成するとします。オブジェクト指向言語では、セルのクラスを作成し、すべてのセルをインスタンス化し、x、y プロパティを使用して適切な場所に配置します。後で、セルをさまざまなコンテナーにドラッグ アンド ドロップすることがあります。
フレームワークの Re-frame、Reagent、React.js スタックで Clojurescript のような関数型言語を使用している場合、どのように (大まかに言えば) そのような設計にアプローチしますか?
私が使用したタイトルの質問について: Reagent を使用する場合、膨大な数 (> 1000) の同様のコンポーネントを使用して UI をコーディングする方法は?
コンポーネントのビュー構成に関する限り、親コンポーネントに子が含まれている場合、React と OO フレームワーク (たとえば Java Swing など) の間に大きな違いはありません。
あなたはリフレームについて言及しました。以下は、html テーブル コンポーネント内の子コンポーネントの例です。
https://github.com/yatesco/re-frame-stiching-together
「表示のみ」のコンポーネントではなく、編集可能な html コンポーネントを使用する必要があります。
コンポーネントの実際の作成に関する限り、列数と行数の 2 つの数値から始めて、 と を使用rangeしmapてintoコンポーネントのマトリックスを作成できます。