文档
学习
v.Latest
Documentation
集合的命名约定
Table of Contents
在您的Tina项目中遵循命名约定主要有两个原因：
- 改进热重载：重建您的架构是一个耗费资源的过程，将架构保存在单独的文件中可以防止重建，从而加快代码更改的速度
- 改进代码扫描：当React组件的架构配置文件与组件文件同名时，可以更轻松地找到架构配置
命名约定
命名约定 | 目的 |
|---|---|
| 用于集合以及集合之间共享的代码 |
| 用于模板定义，用于基于区块的渲染 |
React组件
通常的约定是将给定React组件的架构添加到一个同名文件中，并使用后缀schema.tsx。这确保您的索引仅在数据模型发生更改时重建，而不是组件发生更改时。
src/├── app/│ ├── components/│ │ ├── events-list.schema.tsx│ │ ├── events-list.tsx
共享字段
在多个集合之间共享的代码，包括字段定义和字段定义列表，通常也存储在以.schema.tsx结尾的文件中。在下面的示例中，假设我们在hero-image和image-text-block组件之间共享title字段。
src/├── tina/│ ├── collections/│ │ ├── shared-fields/│ │ │ ├── title.schema.tsx├── app/│ ├── components/│ │ ├── blocks/│ │ │ ├── hero-image.schema.tsx│ │ │ ├── hero-image.tsx│ │ │ ├── image-text-block.schema.tsx│ │ │ ├── image-text-block.tsx
区块的命名约定
如果您在多个集合之间重复使用区块组件的模板，最好将该模板分离到一个以.template.tsx结尾的文件中。
templates通过基于区块的编辑传递到现有集合中
在下面的示例中，假设我们在区块渲染器中使用image-carousel区块模板。image-carousel模板可以在home和about集合之间共享。
src/├── tina/│ ├── collections/│ │ ├── home.tsx│ │ ├── about.tsx├── app/│ ├── components/│ │ ├── blocks/│ │ │ ├── image-carousel.tsx│ │ │ ├── image-carousel.template.tsx│ │ │ ├── blocks-renderer.tsx