CSS から React コンポーネントを生成する MistCSS

2024/03/23 52 users フロントエ CSS React コンポーネント 昨今 ツール

CSS から React コンポーネントを生成する MistCSS 2024.03.23 MistCSS は CSS in JS になぞらえた JS from CSS というコンセプトで、CSS から React コンポーネントを生成するツールです。ピュアな CSS を記述できるので、学習コストが低い、パフォーマンスに影響がないといったメリットがあります。 昨今のフロントエ... 続きを読む

CSS・TypeScriptの相性が抜群。vanilla-extractが最高のCSS開発体験をくれた

2023/07/13 116 users vanilla-extract TypeScript 相性

私はこれまで、 React ・ Next.js でのスタイリングには、CSS Modules + Sass を使っていましたが、最近は vanilla-extract を使うようになりました。TypeScript との相性が良く、長い間求めていたCSS開発体験が実現できるためです。 vanilla-extract とは、CSS を TypeScript で型安全に書ける CSS in JS です。 State ... 続きを読む

CSS設計って最近こういう感じだと思うんですけどどうですか

2022/07/29 203 users CSS設計 感じ BEM doc CSS Modules

CSS設計って最近こういう感じだと思うんですけどどうですかという話です。BEM、CSS Modules、CSS in JS、Tailwind CSSとか色々ありますがどういうふうに捉えればよいのだろうという内容でした。 フォローアップ https://paper.dropbox.com/doc/CSS-pXvOHW14FJ4gqJb60mnyI 続きを読む

【Vue.js】Scoped CSSよりCSS Modulesの方がベターだった件 - Qiita

2019/06/29 132 users Qiita CSS Modules Vue.js 装飾 手法

コンポーネント内で閉じた装飾の手法として、 Scoped CSS(vue-loader の機能)や CSS Modules, CSS in JS などが流行っています1。 Vue.js で Single File Component を利用する場合、 Scoped CSS は手軽に利用できますが CSS Modules についても手軽に利用ができることがわかったので、比較をしてみました。 Scoped CSS,... 続きを読む

CSS in JSはCSSの書き方をどのように変えるのか - yuhei blog

2018/11/22 235 users CSS yuhei blog セレクタ 根源 書き方

CSSの難しさの根源はセレクタにある。CSS設計のための方法論ではどのようにしてセレクタと関わるべきかについて語られる。 その関わり方がCSSのみで実現できなければならないという制約を捨てたのがいわゆるCSS in JSの類（定義的に微妙なやつも全部ひっくるめて）だ。可能性は一気に広がり無数のライブラリが生み出され... 続きを読む

CSS in JS(Elm)したら想像以上に良かった - ジンジャー研究室

2016/05/30 278 users ELM React界隈 変数 CSS 前々

2016 - 05 - 30 CSS in JS(Elm)したら想像以上に良かった React界隈では結構前から 「 CSS in JS」 と言って、雑に言うと「 CSS はイケてないからJSでインラインスタイルを書いてしまえ」という話がある。（ちゃんと知りたい人は こちら ） 自分も前々から CSS は変数が使えないとか名前が被るとか諸々イケてないのは同意してたんだけど、じゃあJSで書くのが良い... 続きを読む

React: CSS in JS // Speaker Deck

2014/11/09 97 users React Speaker Deck

All slide content and descriptions are owned by their creators. 続きを読む