Vue.js からみた AtomicDesign

テクノロジーカテゴリーの変更を依頼記事元:

medium.com/@t_sugawara

95 usersがブックマークコメント

コメント

4

記事へのコメント4件

注目コメント
新着コメント

griefworker 「AtomとMoleculeにStoreを持たせず。 OrganismsとTemplateあたりの粒度でStoreを利用するとIA的にも収まりがいい様に思えます。」

2018/09/13 リンク

brains-kot ]

atomic design

2018/09/13 リンク

yojik これは自分が手探りにやってた方法に近くて納得感がある。末端の部品は疎結合にして、グローバルな情報にアクセスさせない。（古のチェインオブレスポンシビリティとかHyperCard的な設計）

2018/09/06 リンク

ko-ya-ma Vue.jsに限らない話

2018/09/06 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

Vue.js からみた AtomicDesign

この記事はVue.js #3 Advent Calendar 2017の13日目の記事です Atomic Design自体の記事は色々あります... この記事はVue.js #3 Advent Calendar 2017の13日目の記事です Atomic Design自体の記事は色々ありますので、この記事ではAtomicDesignで設計したコンポーネントをVue.jsで実際に運用してみて感じた事をまとめてみました実際にどんな感じになるか結論から言うと、AtomとMoleculeにStoreを持たせず。 OrganismsとTemplateあたりの粒度でStoreを利用するとIA的にも収まりがいい様に思えます。是非デザイナーにツッコミ入れましょう。 VueコンポーネントをAtomicDesignで実装するとだいたいこんな感じになります。Atomの役割色・タイポ・ボタン固定文言など直接描画要素にデータをレンダリング描画要素のイベントを発行親要素からのデータ受け取り登場箇所がすごく多いのでステートレスを徹底するStoreみちゃダメ絶対！

ブックマークしたユーザー

techtech05212024/02/04
hg_kosuke2020/12/29
usako11242020/06/05
hbKOT2020/05/01
hirokts2019/07/11
shkn2019/07/06
fiveislands2019/06/07
len_prog2019/05/07
f-suger2018/11/23
yterazono2018/11/06
tekgraphixx2018/11/05
kkeisuke2018/11/03
t_osawa2018/10/04
seckie2018/09/23
kurouru2018/09/17
montdsichel2018/09/13
griefworker2018/09/13
brains-kot2018/09/13

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx