1つのコンポーネント内に多数のコンポーネントを入れ子にすることは危険ですか？

Question

私はテーブルdisaplyコンポーネントを含む複数選択可能なテーブルコンポーネントを持っています。テーブル表示コンポーネントの内部には、table-rowという別のコンポーネントがあります。

table-selectable 
     | (contains) 
     v 
table-display 
     | (contains) 
     v 
    table-row 

私はそれが他の目的に使用することができるように、十分な各コンポーネントgenereicをしたいと思いますので、私はこれをやっている、Howereは、私は親コンポーネントをアクションを渡すことは容易ではありません実現しています。理由は、私が気をつけて、sendActionメソッド内のすべてのアクションとhbsファイル内のアクション名を注意深く配線しなければならないことと、このprobbalyが長い間間違ってエラーを引き起こす可能性があると感じているからです。

私の質問は、1つのコンポーネントの中にtom nayコンポーネントを入れ子にすることは有害なのでしょうか？

Answer 1

Javascriptは、ロードされたドキュメント内のオブジェクトのHTML DOMツリーを準備します。このDOMは、その要素で対処するために使用できます。 HTML DOMへのJavascriptアクセスは、HTML DOMにアクセスせずにjavascriptを実行するよりも遅いです。 あなたが言及したレベルはあまりにも深くネストされていませんが、これまでは内部要素にアクセスするのが簡単です。 要素によって生成されたイベントは、常にJavascriptエンジンがコードを実行するために作成したExecution Contextに向かって伝播します。したがって、適切なHTML要素でリスナーを登録して適切なイベントを聴くまでは、グローバルレベル（ほとんどの場合「ウィンドウ」レベル）でこれらのイベントを処理できます。そうしないと動作しません。例えば、ボタンは「クリック」イベントを発生させる。 document.getElementById('mybutton').addEventListener('click', function() { console.log('my button clicked'); }); このボタンを選択して「クリック」イベントリスナーをバインドするのに成功している限り、問題はありません。しかし、要素セレクタが間違っている場合、または間違ったイベントを聞こうとしている場合、これは機能しません。 ページの音量が重要である限り、コンテンツが多いほどページ読み込み時間が長くなります。また、それをSEOの視点と考えてください。