React Vite starter

A modern stack to kick off react 18 apps fast.

ToDo | Roadmap

• Swagger codegen setup and wiring
• Mock Service Worker setup and workflow
  • MSW Storybook - render routes for storybook development with msw data
• Storybook setup and feature stories
• Dockerfiles
  • App
  • Storybook
• Plop generators
  • Storybook component
  • React component
  • MSW endpoint
  • Feature generator

Done

• Pnpm package management
• Vite bundler base setup
• Eslint setup
  • add base setup and useful eslint plugins
• Tailwind configuration and base setup
• Vitest setup and testing-library integration
• Storybook setup
• Build configuration for app and storybook
• Snyk vulnerablility scans
• Husky integration
  • commit-message
  • pre-commit hook
• Mock Service Worker setup and workflow
  • MSW Data mocking for tests
  • MSW Data mocking for development
• Axios client setup
• React Query setup and integration

Testing - Vitest

To run tests for that project we use vitest as test runner. Learn more about the tool here: Vitest

A couple of useful libraries were pre installed:

• testing-library/dom
• testing-library/react-dom
• testing-library/react
• testing-library/user-event

Scripts

• pnpm test - run tests with vitest
• pnpm test:coverage run tests with istanbul coverage provider

Configuration

• Test setup resides in ./src/__test__/setup.ts
• Test configuration resides in vite.config.js as vitest config object
• More about coverage settings can be found here: Vitest | Coverage