Why this matters
This helps you to more quickly find a component when you need to edit it or review how to use it.
Whenever a build system is available to concatenate files, each component should be in its own file.
This helps you to more quickly find a component when you need to edit it or review how to use it.
Side-by-side examples engineers can pattern-match during review.
app.component('TodoList', {
//...
})
app.component('TodoItem', {
//...
})components/
|- TodoList.js
|- TodoItem.js
components/
|- TodoList.vue
|- TodoItem.vueFrom the same buckets as this rule.
For changes that affect architecture, data models, external APIs, security posture, deployment topology, or cost (>10%), create an ADR in docs/adr/ using the standard template (Context, Decision, Consequences) and link the PR and issue IDs.