機能別フォルダ

React Routerとアプリ設計 / 全 6 枚

まとめ方で変わる

同じ fleama のファイルを、種類別と機能別で置き直すとこう変わります。

種類でまとめる

components/
  ItemList.tsx
  Cart.tsx
hooks/
  useCart.ts
types/
  cart.ts

機能でまとめる

features/
  items/
    ItemList.tsx
  cart/
    Cart.tsx
    useCart.ts
    types.ts

1 / 6

← → キーでも送れます