Toolverse
All skills

react-strict-dom

by EvanBacon

Set up react-strict-dom with Babel, PostCSS, and CSS-wrapped HTML components for universal Expo apps

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
EvanBacon
Category
Frontend

About this skill

Set up react-strict-dom with Babel, PostCSS, and CSS-wrapped HTML components for universal Expo apps

How to use

  1. Zainstaluj react-strict-dom w wersji 0.0.54 używając bun: bun install react-strict-dom@0.0.54. Unikaj wersji 0.0.55, która ma uszkodzoną zależność postcss-react-strict-dom.

  2. Utwórz lub zaktualizuj plik babel.config.js w katalogu głównym projektu. Dodaj preset react-strict-dom z opcjami debug: true, dev (automatycznie wykrywane z zmiennych środowiskowych) i platform (przekazywane przez bundler). Upewnij się, że babel-preset-expo jest załadowany przed react-strict-dom preset.

  3. Skonfiguruj PostCSS, aktualizując plik postcss.config.mjs. Dodaj wtyczkę react-strict-dom/postcss-plugin do przetwarzania stylów dla buildu web.

  4. Włącz dyrektywy react-strict-dom w globalnym CSS, dodając @react-strict-dom w pliku CSS, aby umożliwić obsługę stylów biblioteki.

  5. Zacznij pisać komponenty używając HTML wrapper components z obsługą klas Tailwind CSS v4. Komponenty będą automatycznie transformowane dla każdej platformy (web, iOS, Android) dzięki konfiguracji Babel i PostCSS.

Related skills