@ots-solutions-jg/create-react-app-std

Scaffold a standardized OTS React application.

Usage

pnpm create @ots-solutions-jg/react-app-std my-project
cd my-project
cp .env.example .env.development
pnpm install
pnpm dev

App runs at http://localhost:3000.

What You Get

• React 19 with TypeScript 5 (strict mode)
• Webpack 5 build with HMR
• Zustand 5 for client state, TanStack Query 5 for server state
• Axios with correlation ID propagation via interceptors
• Structured JSON logging compatible with DataDog, Splunk, etc.
• Tailwind CSS 4 with dark/light theme toggle
• ESLint 9, Prettier, Husky, Commitlint, lint-staged
• Jest 30 with Testing Library
• GitHub Actions CI pipeline
• Feature-based architecture with route-level code splitting

Project Structure

src/
├── app/          # Root component, global stores, routing
├── features/     # Self-contained feature modules
├── shared/       # Reusable components, hooks, utils
├── services/     # API client, logger, query client, transports
├── components/   # Global components (ErrorBoundary)
├── config/       # Environment & constants
└── main.tsx      # Entry point

Scripts

| Command | Description | |---------|-------------| | pnpm dev | Dev server with HMR (port 3000) | | pnpm build | Production build to dist/ | | pnpm preview | Serve production build locally | | pnpm typecheck | TypeScript type checking | | pnpm test | Run Jest test suites | | pnpm lint | Lint with ESLint | | pnpm format | Format with Prettier |

License

ISC