Inertia.js v2 + React Development

When to Activate This Skill

Activate this skill whenever you are:

• Creating or modifying React pages in resources/js/pages/
• Creating or modifying React components in resources/js/components/
• Working with Inertia.js patterns like <Link>, <Form>, useForm, or router
• Implementing deferred props, infinite scrolling, lazy loading, polling, or prefetching
• Working with TypeScript in React components
• Organizing component structure and imports

Component Organization Structure

Directory Hierarchy

Components are organized hierarchically based on ownership and reusability: