【Atomic Designに懐疑的なあなたへ】改めて考えたい React / Next.js のデザインパターン

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

zenn.dev/mutex_inc

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

記事へのコメント4件

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

d0nchan ディレクトリ構成見直し[React][設計]

2023/04/22 リンク

hamamuratakuo GUIの設計は粒度の管理の問題でもある。GUIを構成するパーツの管理は、階層分類（垂直分業）よりもタグ分類（水平分業）の方がフィットしている？ cf. PACパターン https://en.wikipedia.org/wiki/Presentation%E2%80%93abstraction%E2%80%93control

2022/05/16 リンク

aox アトミックかアヴァンチュールか知りませんがデザインなんて水彩とマーカーで十分だと思います

2022/05/16 リンク

wwolf featureディレクトリを作るパターンと概ね同じ発想かな？

2022/05/15 リンク

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

規約違反を報告

【Atomic Designに懐疑的なあなたへ】改めて考えたい React / Next.js のデザインパターン

フロントエンド開発は一般的に複雑性との戦いです。放ったらかしにしておくとますます複雑になり、変更... フロントエンド開発は一般的に複雑性との戦いです。放ったらかしにしておくとますます複雑になり、変更するのが難しくなります。これまでにも、このような複雑さをどうにかして制御しようとして、Atomic Designをはじめとした様々な設計手法（デザインパターン）が考えられてきました。しかし、React / Next.js を使ってチーム開発を行う際に、現状のデザインパターンでの運用では「どうもうまくいかないな」と思う場面に多々遭遇しました。そのような経験を踏まえて、「コンポーネントをどのように設計するか」「どのようにディレクトリを分けるか」を徹底的に考え、新しいデザインパターン「Tree Design」にまとめました。 Tree Design はまだまだ仮説段階です。今後弊社チームで運用していく中でブラッシュアップする予定です。しかし、他のフロントエンド開発チームがデザインパターンを再考する際