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

[headless_pasta]

もろもろ良い資料。Vueを導入する際にまわりに説明するときに使わせてもらう。

[light940]

Atomic Designの導入を丁寧に説明していて分かりやすい！多分最初は結構大変だけど、慣れるのとある程度コンポーネント分け切れると楽なんだろうな。

[witch-doktor]

moreclesを含むmoreclesよく作ってたけどこの方の場合はorganismでやるのか。

[kashisan]

“Atomic Design”

[satohu20xx]

すごくわかる。僕もこんな感じに落ち着いた。 https://qiita.com/satohu20xx/items/a1a09d7f13e6ae163666

[macoshita]

めっちゃいい

[show_motto]

これは直感的で分かりやすい。SPAの感覚掴むために一回簡単なの動かしてみよう。

[mr_ozin]

コンポーネントの分割粒度が具体的でかなりわかりやすかった

[mayumayu_nimolove]

わ

[ataata]

わ