skills.rest
Domush
DomushCOMMUNITY
Explore all skills by this author →
GitHub

react-development

Document React 19+ migration steps and Tailwind CSS v4+ configuration best practices.

1|Updated Apr 8, 2026
Search Tags:#react-19#server-components#component-architecture#tailwind-v4#frontend-reference#theme-variables
One-click install
npx skills add https://github.com/Domush/react-skills --skill react-development-domush
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-development
Source: https://github.com/Domush/react-skills/tree/main/skills/react
Command: npx skills add https://github.com/Domush/react-skills --skill react-development-domush

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Captures the modern React 19+ and Tailwind CSS v4+ knowledge base so developers can stay aligned with breaking changes, new APIs, and migration guidance without hunting through scattered docs.

Core Features & Use Cases

  • React 19+ coverage: Details hooks like useActionState, useOptimistic, the new use API, server components, and ref/provider changes with references to the bundled react-reference and official documentation.
  • Tailwind v4+ coverage: Highlights the CSS-native configuration, theme variables, renamed utilities, and dark-mode strategies pulled from tailwind-reference and the collected docs.
  • Operational guidance: Use this skill when upgrading a UI stack, designing new components, or auditing code for deprecated patterns so you can verify best practices and configuration in one place.

Quick Start

Ask the React development skill to outline the React 19 migration checklist and Tailwind v4 theming steps for your feature.

Frequently Asked Questions about react-development

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate my existing UI components to React 19?▼

Migrating to React 19 requires updating component architectures to use new hooks like useActionState and useOptimistic, adopting server-component conventions, and adjusting ref and provider patterns according to the latest API changes.

How does Tailwind CSS v4 theme configuration differ from previous versions?▼

Tailwind CSS v4 configuration shifts to a CSS-native approach, utilizing theme variables and renamed utilities instead of JavaScript config files, which fundamentally changes how dark-mode strategies and styles are defined.

What are React 19 server components and when do I need them?▼

React 19 server components are a new convention for rendering UI layers on the server to reduce client-side bundle sizes. They are needed when upgrading architecture to improve initial load performance and direct data fetching.

Can I use React 19 hooks with Tailwind v4 CSS-native configuration?▼

Yes, React 19 hooks like the new use API operate independently of styling, allowing seamless integration with Tailwind v4 CSS-native configuration and theme variables when building or upgrading UI component layers.

What is the best way to audit code for deprecated React 19 and Tailwind v4 patterns?▼

The best way to audit for deprecated patterns is cross-referencing your component code against updated React 19 hook behaviors and Tailwind v4 renamed utilities to verify best practices and configuration compliance.

Why does my Tailwind dark-mode strategy not work after upgrading to v4?▼

Tailwind dark-mode strategies often fail after upgrading to v4 because the configuration shifted to CSS-native theme variables, requiring you to redefine your dark-mode implementation using the new utility names and variable structure.

Related Skills

Explore More Software Engineering Skills→
YambrYambr
112

artifacts-builder

Automate creation and bundling of React multi-component artifacts into single HTML files.

Community
Advanced
reomgitreomgit

setup-deploy

Detect deployment platforms and write configuration settings to CLAUDE.md.

Community
Advanced
SandroBeatzSandroBeatz

lint-check

Run ESLint and TypeScript type checking on a codebase.

Community
Intermediate
garden-cogarden-co
154

jazz-ui-development

Coordinate UI rendering and data synchronization for Jazz CoValues in React, Svelte, and Vanilla JS.

Official
Intermediate