エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
styled-componentsをTypescriptで使う上でのTips
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
styled-componentsをTypescriptで使う上でのTips
はじめに 今回はTypescript + Reactでstyled-componentsを使う場合のTipsを紹介します。 styleプロパテ... はじめに 今回はTypescript + Reactでstyled-componentsを使う場合のTipsを紹介します。 styleプロパティで直接記載するよりもスタイルの管理がしやすい+使い回しやすいといったメリットがあるのでおすすめです。 ※普段はReact Nativeを扱っていますが、styled-componentsに着目した場合の使用感はほぼ同じといっていいので、サンプルコードはReactのものになります。 そもそもstyled-componentsとは styled-componentsは所謂CSS in JSライブラリの一種になります。 名前が表す通り、JSもしくはTSのコード中にCSSを記載していく形になります。 デフォルトのReactプロジェクトだと、コンポーネント自体はJSやTSで記載しますが、スタイルはCSSファイルのまとまっています。 それらを 1ファイルにまと