inertia-react-conventions

仓库创建 2026年7月4日最近提交 22 天前SkillHot 收录 22 天前

▸ 精选理由

为使用 Inertia 的项目提供一致的目录/组件与 prop 约定，利于团队协作。

这个 Skill 做什么

Inertia.js v2 + React 的组件/页面结构与编码约定指导。

讲清 Inertia.js v2 + React 项目的组件与页面结构、什么时候做结构型组件或纯模板组件，以及常用的 DRY 模式和 prop 命名约定。在创建或修改 resources/js/pages 或 components，或实现延迟加载、无限滚动、useForm、router 等场景时会用到。它把 Inertia 的惯用模式和团队约定结合，减少组件间不一致带来的问题。

▸ 展开 SKILL.md 英文原文

React component architecture and project conventions for Inertia.js v2 applications. Covers directory structure, structural vs markup components, DRY patterns, prop naming, and project-specific patterns.

开发编程Inertia.jsReact 约定项目结构通用

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/ceilidhboy/skills/master/skills/inertia-react-conventions/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/ceilidhboy/skills/master/skills/inertia-react-conventions/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# 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:

```
resources/js/components/
├── clients/

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有