File Naming, Component Boundaries, Prop Naming
Adopt simple conventions: PascalCase for components, clear folders, small component boundaries, and expressive prop names.
Why conventions help
Goal: Make the codebase predictable.
- PascalCase component files
- Small, focused components
- Clear, descriptive prop names
Naming & folders quick list
- Files: UserCard.jsx, ProductList.jsx
- Folders: components/UserCard, pages/Profile
- Exports: default or named, but match file name
All lessons in this course
- ESLint + React Rules; Prettier Integration
- File Naming, Component Boundaries, Prop Naming
- Env Variables & Config Organization