Open3

React/React Nativeにおけるアイコンの管理方法

100%UIライブラリのアイコンを利用するなら良いが、デザイナが作成したアイコンを管理する際に

  • 色違いのSVG
  • 最終的な用途は同じだが、微妙に違いのあるアイコン

などをうまく管理する方法を見つけたい。

assets/下にsvgファイルを置くだけだと、色違いなどを要求された際につらい

atomic designを採用しているなら、下記のようにatoms, moleculesの並びに入れるのはありかもしれない。もしくはatoms

  • components/
    • icons/
      • close.tsx
    • atoms/
    • molecules/
    • organisms/
    • templates/
    • pages/
ログインするとコメントできます