私のフロントエンドディレクトリ構成・テスト観点 2022

近日連投していた Next.js 記事のサンプルコードを公開しました。このサンプルコードを元に、私のフロントエンドディレクトリ構成・テスト観点を紹介します（あくまで執筆現在の脳内アウトプットになりますのでご了承ください） フロントエンドディレクトリ構成の事情 タイトルの「フロントエンドディレクトリ構成」をさす「Components」のディレクトリ構成は、いつも悩みのタネです。このモジュールシステムは「デザインシステム観点・アクセシビリティ観点・フロントエンド実装観点」の 3 つの観点が混在するため事情が複雑です。どうせ作るのなら「デザイナー・フロントエンド」どちらの開発基盤にもなりえる、盤石なモジュールシステムを目指したいですよね。 "AtomicDesign やめました"という声をたまに聞くのですが「デザインシステム的に捨てていいの？」と思うこともあるので、とくに要望がなければ、筆者は「

[shun9167]

コンポーネントは設計観点が多いからディレクトリ構成に悩む、すごく同意できる。。 “「デザインシステム観点・アクセシビリティ観点・フロントエンド実装観点」の 3 つの観点が混在するため事情が複雑です”

[yamadashy]

こういうの共有してくれるのありがて〜

[tk_musik]

アトミックデザイン、頭では分かってたんだけどやるとめっちゃ難しかったわ。このあたり、「TODOリスト作ってみます」のその次の一歩がめちゃでかい。

[irimo]

あとで読む

[marumoe-dev]

“た" ); expect(singletonRouter).toMatchObject({ asPath: "/users/1" }); });”

[mizdra]

getServerSideProps のテストなるほど