エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Figma の Variants をベースコンポーネントでメンテナンスしやすくする|seya
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Figma の Variants をベースコンポーネントでメンテナンスしやすくする|seya
Variants は大変便利な機能ですが、コンポーネントの状態が増えてくると組合せ爆発が起こり、ものすごい... Variants は大変便利な機能ですが、コンポーネントの状態が増えてくると組合せ爆発が起こり、ものすごい数になっていきます。 Shopify Polaris の Buttonそうやって頑張って作ったコンポーネントの Variants に変更が入った時に一つ一つ変更を加えていくのは中々の苦行ですし、変更漏れが起こる可能性もあります。 そんな時に便利なのが「ベースコンポーネント」です。 発想は至極シンプルで Variants で定義されるコンポーネントのデフォルト状態ものをコンポーネントとして作り、Variants の一つ一つはそのコンポーネントのインスタンスとして作成します。 こうすることによって、このベースコンポーネントを変更するだけで Variants 全てに変更が伝わる訳ですね。 良さそうに聞こえますがデメリットもあります。 それは 扱いが複雑になる それに伴い存在すべきでないコンポ