Vue.jsでFormをAtomic Designしてみた時のコンポーネント間のデータのやりとり
24. 24 コンポーネント間のデータのやりとり • 基本的にデータはPagesかOrganismsで管理する • APIコールやStoreでデータを取得・保持する場合もPagesかOrganismsで • 要するに、MoleculesやAtomsは状態をなるべく持たないようにする • 親⼦のコンポーネント間のやり取りは props in / events out で • 親から⼦にはpropsでデータを渡す • 親でpropsの値が変更されれば⼦に伝搬する • ⼦から親には$emitでイベントを発⾏し、データの変更を伝える • 親コンポーネントが⼦のイベントを検知する 25. 25 コンポーネント間のデータのやりとり • 基本的にデータはPagesかOrganismsで管理する • APIコールやStoreでデータを取得・保持する場合もPagesかOrganismsで • 要するに、Mo
Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division
Vue.js 講演用資料です。 # 概要 コンポーネントをどのような粒度で分割し、どのように実装するべきかというのは難しいテーマです。 一概に正解があるとも言い切れないテーマですが、この指針を疎かにすることはチームを混乱に陥れることと同義です。 それが SPA 未経験のチームであればなおさらです。 直近のプロジェクトはまさにそんなプロジェクトでした。 本セッションではアトミックデザインのエッセンスを用いてコンポーネント分割の指針を示し、 またコンポーネント実装時に注意すべき事柄についてお話します # URL HomePage: https://nrslib.com Twitter: https://twitter.com/nrslib
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
