変更に強いコンポーネント設計の方針と規約（Webフロントエンド） - Sansan Tech Blog

技術本部 データ戦略部 Newsグループの木田です。 最近、初めて自作キーボードに挑戦しました。ちょうど２枚目のモニターも買ったので、モニター２台と自作キーボードで快適に記事を書いています。 予めお断りしておきますが、この記事は元々、社内向けに設計方針や規約・ツールなどについて共有するために書いたものでした。最近、他チームの参考資料として役立ったこともあり、社外向けに手を加えて公開する運びとなりました。 はじめに 機構改革・人事異動情報(β) とは ⚛️ Atomic Design に従う ⚛️ Atomic Design とは ⚛️ Molecules と Organisms の分け方 ⚛️ コンポーネントの設計方法 📝 規約 📝 Component と Container を分ける 📝 データの繋ぎ込みは Organisms 以上で行う 💡 Tips 💡 Atoms はタグ本

[ikkitang1211]

最高そう！ しっかり読もう

[igatea]

テーブルの行をorganismsにするの意外だなーと思ったけど、「独立して存在できるスタンドアローンなコンポーネント」と考えると納得感はある

[Keisuke69]

後で読む