[【シューマイ】Tech Lead Engineerから最新技術を学べ！Vue.js編]](https://shuuu-mai.connpass.com/event/134981/)に行ってきました

1. LTテーマ：Vue.jsのslotを活用した汎用的コンポーネント設計について

スライド

• コンポーネントにべた書きするんでなくて、atomに切り出してslotで組み込んでいこうという話
  (Laravelで例えると祖先からデータをインクルードファイルにリレーして渡してUIコンポーネントの設計破綻を防ごうという具合です) ​

2. LTテーマ： Vue/Vuexを限りなくReact/Redux風に書く話

スライド

• 正確にはFSA(Flux Standard Action)の発想を取り入れようという話
• FSAが何かというとActionのフォーマットをきちんと定義しようというやつ ​

const hoge = hoge => {
  done: `$hoge`_success {},
  error: `$hoge`_success {},
  default: `$hoge`_success {},
}

​ みたいなのを定義してStringを渡してその中で決まったことをやろうみたいな話でした
※雑に書いてみたコードです ​ ​

3. LTテーマ：Vue.js × Atomic Design - コンポーネント分割の指針

スライド ​

• 完全にアトミックデザインの世界に落とし込んでSPAをやるという話でした
• clickとかのデータ受け渡しは必ずPagesからやります
• atomも誰がやっても同じになるくらいの最小の粒度にします
• そしてファイルも膨大になりますが、最小のパーツができてるので、1パーツごとが抱える状態は限りなく1という具合なのでどんなものにも耐えられるという設計の話でした(modifireみたいなのは除く)