用途:为 Inertia Rails 应用提供常见模式与集成的实用配方,帮助开发者快速搭建和定制页面。
主要能力:介绍官方启动套件(React)的目录结构,包括控制器、前端组件、hooks、布局与页面;演示新增资源(如 Products)的完整流程:生成控制器、创建页面组件、更新导航、添加路由;说明如何通过 npx shadcn@latest add 添加 shadcn/ui 组件;支持在侧边栏与头部布局间切换;展示扩展 TypeScript 类型、使用 flash hook 显示提示、移除不需要的设置或认证功能。
模态与交互:借助 inertia_rails-contrib gem 与 @inertiaui/modal-react(或 modal-vue)可将任意 Inertia 页面渲染为模态对话框,支持 base_url、slideover 变体、嵌套模态与关闭回调;安装命令为 bundle add inertia_rails-contrib 与 npm install @inertiaui/modal-react。
搜索与表格:提供带防抖的搜索、排序、过滤与分页示例,控制器使用 ILIKE 查询、排序白名单与分页,前端通过 router.get 同步 URL 并保留状态。
布局属性:v3 支持 useLayoutProps 在页面与持久布局间共享静态或动态数据,如标题与面包屑。
适用场景:使用 Inertia Rails 构建全栈应用、需要快速集成 shadcn/ui、实现模态表单、数据表格与筛选搜索的开发者。
限制:资料未提供版本兼容范围、性能数据、收费信息或完整 API 参考;部分示例依赖 React 与 Tailwind,Vue 仅提及包名。