chot Inc.

What is Jamstack?

styled-componentsスタイルドコンポーネント

styled-componentsは、CSS in JSのライブラリの一種です。Reactのスタイリングとしても使うことが可能です。

メリットとして、同じコンポーネント内にCSSを書けることによって、ファイル管理がしやすいという点があります。

クラス名の重複が発生しないこともメリットといえます。

以下のように1つのタグに命名が必要で、また条件分岐も可能です。

例:

<Button href="#">ボタン</Button>

const Button = styled.a`
  display: inline-block;
  padding: 10px 20px;
  background: black;
  color: white;

  ${props => props.primary && css`
    background: white;
    color: black;
  `}
`
back to Top

関連する用語を探す

  • LP
  • Tailwind CSS
  • daisyUI
よくみられている用語

よくみられている用語

仮想DOMDOMツリーSPAStrapiReact SuspenseMPACSS ModulesヘッドレスCMSSSG
RECRUIT

エンジニア、デザイナーを積極採用しています。
一緒にやりがいのある仕事をしませんか?

リクルートページへ
CONTACT

より良いサービスを提案させていただきます。
まずはお問い合わせください。

コンタクトページへ
chot Inc.

© chot Inc.