Phase 2: Convention Definition
Establish coding standards and conventions
Categories
1. Naming Conventions
| Type | Convention | Example |
|---|---|---|
| Components | PascalCase | UserProfile.tsx |
| Functions | camelCase | getUserById() |
| Constants | UPPER_SNAKE | MAX_RETRY_COUNT |
| Files | kebab-case | user-service.ts |
| CSS Classes | kebab-case | user-card |
2. File Structure
code
src/ ├── components/ # UI components ├── hooks/ # Custom hooks ├── lib/ # Utilities ├── services/ # API services ├── types/ # TypeScript types └── utils/ # Helper functions
3. Git Conventions
code
feat: Add user login fix: Resolve password reset bug docs: Update README style: Format code refactor: Extract auth service test: Add login tests chore: Update dependencies
4. Code Style
- •Max line length: 100
- •Indentation: 2 spaces
- •Quotes: Single quotes
- •Semicolons: Required
- •Trailing commas: ES5
Output
Save to: docs/01-plan/conventions.md
Next Phase
After completion: /phase-3-mockup