エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください
Twitterで共有ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
はじめに 前回の記事では、vanilla-extract の基本とCSSの型定義について説明しました。 今回は、App Ro... はじめに 前回の記事では、vanilla-extract の基本とCSSの型定義について説明しました。 今回は、App Routerから使用できなくなった Emotion から vanilla-extract への移行を軸として解説していき、vanilla-extract のRecipesパッケージにDeepDiveしていきます🏊🏻 vanilla-extractの基本 vanilla-extract は、Next13以降で登場したApp Routerに対応しており、Zero-Runtimeで型安全なCSSを実現するスタイリング方法です。 従来のCSS-in-JSライブラリとは異なり、Build時にCSSを生成するため、Runtimeでのパフォーマンスへの影響がありません。 また、型安全な設計により、コンパイル時にエラー検出が可能になり、開発効率がアップします。 インストール方法と設定