react-spa

v0.1.0curated

Core React SPA architecture — TypeScript, Vite, component patterns, folder structure, no barrel files, no path aliases.

framework:reactlanguage:typescriptbuild:vitestack:frontend
archgate adr import packs/react-spa

Decisions (7)

TypeScript as Primary Language

To ensure consistency and maintainability across the project, we must standardize on a primary programming language.

1 rule
React SPA Architecture

Modern web applications require a frontend framework that supports complex, stateful workflows and rich data interactions.

1 rule
Vite as Frontend Build Tool

Modern frontend applications require a build tool to transform TypeScript and JSX into browser-compatible JavaScript, bundle modules for production, provide hot module replacement during developmen...

1 rule
Stateful and Stateless Component Separation

React components can be categorized into two types based on their responsibilities.

1 rule
No Barrel Files

Barrel files (also known as index files or re-export files) are `index.ts` or `index.tsx` files that re-export modules from a directory, allowing shorter import paths.

1 rule
Frontend Folder Structure

React applications can quickly become difficult to navigate without a standardized folder structure.

1 rule
No Path Aliases in TypeScript

In TypeScript projects, developers often configure path aliases in `tsconfig.json` to avoid long relative import paths.

1 rule