イベントのやり取り/プロパティの受け渡し親から子へ親から子へは、プロパティの受け渡しのみを許可します。親は子へ何かを命令することはできないこととし、親が子のメソッドを直接実行することは禁止とします。親から子へ関数をプロパティで渡し、子がその関数をコールバックとして実行することでも同じことができますが、その方法は禁止とします。再利用性を考えたときに、子(Component)では状態をもたず、親(View)で状態を管理したほうが良いです。子の入力内容(状態)を子で保持せず、親へ反映させるサンプルを記載します。}</script>値がオブジェクトの場合モデルの型がオブジェクトの場合、スプレッド構文を使うことでシンプルに実装できます。以下のように書いても動きますが、子が親の値を直接書き換えているのでNGです。以下のようにオブジェクト内の値を書き換えても警告してくれないため注意が必要です。}</script>コンポーネントが入れ子の場合コンポーネントの階層が深くなってもすることは同じです。目的は他にもあり、細かく定義することで以下のような恩恵が得られます。ブラウザをリフレッシュしてもリフレッシュ前の状態を維持できるようになりました。細かく定義するだけで維持できるわけではありませんので、実装でも意識する必要があります。リフレッシュ前の状態を維持できるので、任意の画面でブックマークできるようになりました。この実装が非常にシンプルにできました。リニューアル後は、どの画面でも同じ処理で対応できています。コンポーネント設計の規約についてまとめました。ブログと言うよりは、後から参画する開発メンバー向けのコーディング規約になりましたが、他のプロジェクトでも参考にしていただけたら幸いです。月別アーカイブスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。