Skip to content

componentsの中をatomicデザインで整理 #103

@YosukeIida

Description

@YosukeIida

概要

src/components の中を整理

Atoms: 最小単位のコンポーネント(例: ボタン、入力フィールド、ラベルなど)
Molecules: Atomsを組み合わせて作られる小さなコンポーネント(例: 入力フィールドとラベルを組み合わせたフォームグループ)
Organisms: 複数のMoleculesやAtomsで構成される、より複雑なコンポーネント(例: ヘッダー、フッター、サイドバーなど)
Templates: Organismsを組み合わせたレイアウト(ページ全体の構造)
Pages: テンプレートにデータを流し込んだ実際のページ

開発内容・手順

参考文献・備考

https://zenn.dev/hisachii/articles/2544d6ea10033d

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions