react
Installation
SKILL.md
React
Instructions
This project uses React 19 with TypeScript and the React Compiler enabled via babel-plugin-react-compiler.
Component Structure
- Pages live in
resources/js/pages/and are rendered via Inertia - Shared components live in
resources/js/components/ - UI primitives (shadcn/ui) live in
resources/js/components/ui/ - Custom hooks live in
resources/js/hooks/
Page Props from Controllers
Always receive page data as props from the Laravel controller via Inertia. Do NOT fetch data client-side or use useEffect to load page data.
Related skills
More from markhamsquareventures/essentials
tailwind
How to work effectively with Tailwind CSS, always use when styling frontend features
38wayfinder
How to work effectively with Laravel Wayfinder, always use when developing frontend features
31shadcn
How to work effectively with shadcn/ui components, always use when adding UI components
26inertia
How to work effectively with Inertia, always use when developing frontend features
21pest
Pest framework syntax reference
20laravel
How to work effectively with Laravel, always use when developing Laravel features
16