- Architecture - the UML diagram, the units, and the reasoning behind them.
- Development Methodology - how features are built against the diagram.
The samples implement the same architecture with different frameworks and libraries. The units, the boundaries and the diagram do not change - only the tools used to realize them. The samples also sit at different states of decomposition.
- One-file React App - every unit inlined in a single component. The easiest place to start reading.
- React App - React and RTK Query, partially decomposed.
- Angular App - Angular and TanStack Query, partially decomposed.
- Next.js App - full-stack, covering both the client and the server.
Partially decomposed is deliberate. Some units have their own files, others remain inlined in the component that uses them, because continuous refactoring extracts a unit only when it earns it.