19 lines
1.3 KiB
Markdown
19 lines
1.3 KiB
Markdown
|
---
|
|||
|
|
title: Именование
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
# Именование
|
|||
|
|
|
|||
|
|
## Именование файлов и папок
|
|||
|
|
- Папка компонента: kebab-case, совпадает с названием компонента, пример: `component-name`.
|
|||
|
|
- React-компонент: kebab-case, совпадает с названием компонента, пример: `component-name.tsx`.
|
|||
|
|
- Стили: kebab-case, шаблон: `<style-name>.module.css`, пример: `style-name.module.css`.
|
|||
|
|
- Интерфейсы: kebab-case, шаблон: `<interface-name>.interface.ts`, пример: `interface-name.interface.ts`.
|
|||
|
|
- Типы: kebab-case, шаблон: `<type-name>.type.ts`, пример: `type-name.type.ts`.
|
|||
|
|
- Enum: kebab-case, шаблон: `<enum-name>.enum.ts`, пример: `enum-name.enum.ts`.
|
|||
|
|
- Схемы: kebab-case, шаблон: `<schema-name>.schema.ts`, пример: `schema-name.schema.ts`.
|
|||
|
|
- Локализация: kebab-case, пример: `ru.json`, `en.json`.
|
|||
|
|
- Утилиты: kebab-case, шаблон: `<util-name>.util.ts`, пример: `util-name.util.ts`
|
|||
|
|
- React Hooks: kebab-case, шаблон: `use-<hook-name>.hook.ts`, пример: `use-hook-name.hook.ts`
|
|||
|
|
- Хранилища состояния компонента: kebab-case, шаблон: `<store-name>.store.ts`, пример: `store-name.store.ts`
|