{"enrichment":{"faq":[{"a":"laravel-inertia-react teaches the useForm hook for managing form state, validation errors, and submissions. The hook tracks form data, handles server-side validation errors, and provides methods like setData, post, put, and reset. Use it to bind form inputs, display validation feedback, and manage form processing state throughout your Inertia page components.","q":"How do I use the useForm hook in Inertia with React?"},{"a":"laravel-inertia-react is a skill covering 30+ patterns for building modern full-stack applications with Laravel, Inertia.js, and React. It bridges your Laravel backend with React frontends using Inertia page components, eliminating the need for a separate API. The skill covers form handling, navigation, shared data, persistent layouts, and file uploads.","q":"What is laravel-inertia-react and how does it work?"},{"a":"laravel-inertia-react covers persistent layouts that persist across page visits without full remounts. Define a layout component wrapping your page, then assign it via the layout property on your page component. This pattern keeps navigation bars, sidebars, and state alive while only the page content updates, improving performance and user experience.","q":"How do I implement persistent layouts in Inertia React?"},{"a":"Yes. laravel-inertia-react provides patterns for Laravel validation integration with Inertia's form handling. Server-side validation errors are automatically returned and accessible via the useForm hook's errors object. Display validation feedback by checking error keys and rendering error messages next to form fields in your React components.","q":"Can laravel-inertia-react handle form validation and error display?"},{"a":"laravel-inertia-react includes patterns for handling file uploads through the useForm hook. Attach files using FormData, then submit via post or put methods. The skill covers multipart form encoding, progress tracking, and server-side file handling in Laravel, enabling seamless file upload workflows in your Inertia page components.","q":"How does laravel-inertia-react support file uploads?"},{"a":"laravel-inertia-react covers Inertia's Link component for client-side navigation without full page reloads, partial page reloads for targeted updates, and programmatic navigation via the router. Learn prefetching strategies, link method options (get, post, put, delete), and how to preserve scroll position or implement custom navigation behaviors.","q":"What navigation and link patterns does laravel-inertia-react provide?"}],"shadow_tags":["full-stack-monolith","server-side-routing","form-state-management","page-props-typing","layout-composition","validation-error-display","navigation-helpers","shared-middleware-data","upload-progress-tracking","real-time-patterns"],"summary_rewrite":"This skill provides 30+ patterns for Laravel, Inertia.js, and React integration, covering page components, form handling with useForm, navigation, shared data, layouts, and file uploads. Use it when building Inertia page components, managing forms with validation, or implementing persistent layouts in full-stack applications."},"files":[{"bytes":12762,"path":"skills/laravel-inertia-react/SKILL.md","sha256":"b26e2bf8a257933187434d90aa2da8c04130920ebe40d55b310c8466468490c9","url":"https://skillfed.io/files/AsyrafHussin/agent-skills/laravel-inertia-react/c024e368/SKILL.md"}],"id":"AsyrafHussin/agent-skills/laravel-inertia-react","links":{"html":"https://skillfed.io/AsyrafHussin/agent-skills/laravel-inertia-react","md":"https://skillfed.io/AsyrafHussin/agent-skills/laravel-inertia-react.md","repo":"https://github.com/AsyrafHussin/agent-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":9,"language":null,"last_updated":"2026-05-16","license":"MIT","name":"laravel-inertia-react","publisher":"AsyrafHussin","stars":58},"relations":{"similar":[{"id":"majesticlabs-dev/majestic-marketplace/inertia-coder"},{"id":"AsyrafHussin/agent-skills/laravel-owasp-security"},{"id":"inertia-rails/skills/shadcn-vue-inertia"},{"id":"inertia-rails/skills/inertia-rails-pages"},{"id":"inertia-rails/skills/shadcn-inertia"},{"id":"inertia-rails/skills/inertia-rails-typescript"},{"id":"inertia-rails/skills/inertia-rails-forms"},{"id":"AsyrafHussin/agent-skills/seo-best-practices"},{"id":"inertia-rails/skills/shadcn-svelte-inertia"},{"id":"inertia-rails/skills/inertia-rails-controllers"}]},"slug":{"owner":"AsyrafHussin","repo":"agent-skills","skill":"laravel-inertia-react"},"version":"c024e368"}