Emotion

3ステップで試す

1. 1

   Emotion React 11.14.0を固定して導入する

   一時npm projectへReact packageとpeer dependencyを固定して導入します。

   demo=$(mktemp -d "${TMPDIR:-/tmp}/emotion.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact @emotion/react@11.14.0 react@19.2.0コピー
2. 2

   package versionを確認する

   review対象の@emotion/react versionが導入されていることを確認します。

   test "$(node -e "console.log(JSON.parse(require('fs').readFileSync('node_modules/@emotion/react/package.json')).version)")" = '11.14.0'コピー
3. 3

   主要styling APIのexportを確認する

   browserを起動せず、CSS compositionとprovider系の主要APIが利用可能であることを確認します。

   test "$(node --input-type=module -e "import * as E from '@emotion/react'; console.log(['css','jsx','CacheProvider','ThemeProvider'].every(k=>k in E))")" = 'true'コピー

Built with

• JavaScript
• React

カテゴリとタグ

GitHubデータ

このOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。

あわせて探訪

• Ant Design99,682 Stars

  共通タグ 3件

  enterprise向けReact UIを完成済みcomponents・design token・theme機構で統一し、管理画面や業務画面を素早く構築する

  TypeScript
• Storybook91,200 Stars

  共通タグ 3件

  UI状態をstoryとして保存し、Docs・interaction test・AI toolへ再利用するfrontend workshop

  TypeScript
• Zustand58,786 Stars

  共通タグ 3件

  Reactの状態をproviderなしのhook storeで管理し、selectorで必要な部分だけ購読する

  TypeScript
• Expo52,566 Stars

  共通タグ 3件

  React NativeアプリをAndroid・iOS・Webへ一つのprojectから展開する

  TypeScript
• React250,891 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  コンポーネントを組み合わせてWeb・ネイティブUIを構築するJavaScriptライブラリ

  JavaScript
• react-i18next10,051 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  i18nextのtranslation resourceをuseTranslation・Trans等でReact componentへ接続する公式binding

  JavaScript