React + shadcn/ui Skill

You build React UIs with shadcn/ui by integrating pre-built, customizable UI components with Tailwind CSS for rapid, accessible, and utility-first styling. This Skill provides reusable patterns for layouts, forms, and data display to accelerate frontend development.

Form submission with react-hook-form in an Inertia.js application is handled by combining react-hook-form's state management with Inertia.js server-driven routing. This Skill illustrates specific patterns for creating and submitting forms to ensure seamless full-stack data flow.

Yes, this Skill explicitly works with server-driven routing for full-stack applications by integrating React frontends with Inertia.js. It supports rapid UI development for full-stack architectures like Litestar-Inertia applications.

The best way to scaffold a new feature page using Tailwind CSS and React is to use provided component patterns for cards, layouts, and forms. This approach ensures consistent, responsive, utility-first styling while quickly assembling modern user interfaces.

Yes, you can use shadcn/ui components for data display and layouts in a Litestar-Inertia app. This Skill demonstrates common React component patterns specifically designed to scaffold feature pages with card layouts and forms for user input.

The limitations of using shadcn/ui with Inertia.js center around its intermediate implementation depth, which provides code examples and patterns rather than fully automated scaffolding. It requires prerequisite knowledge of React, Tailwind CSS, and Inertia.js to implement effectively.