/react-modern-starter

A starter app for your needs in 2021

Primary LanguageJavaScriptMIT LicenseMIT

Node.js CI   

react-modern-starter

  • React for rendering
  • React Router for routing
  • Valtio for state management
  • Tailwind CSS for UI
  • Vite for bundling
  • uvu for testing
  • C8 for code coverage
  • Prettier-Standard for formatting and linting
  • lint-staged with precommit task for linting
  • Github Actions CI preconfigured for running lint + tests
  • SSR/SSG builtin
  • Rudimentary autorouting based on directory convention(similar to Next.js)

Setup

  • Clone to local
  • cd react-modern-starter
  • yarn

Tasks

  • yarn dev (standard dev server)
  • yarn format (format the codebase following prettier-standard rules)
  • yarn dev:serve (SSR dev server)
  • yarn build (bundle client and server(SSR) for production)
  • yarn build:client (bundle client for production)
  • yarn build:server (bundle server(SSR) for production)
  • yarn generate (bundle static SSR/SSG)
  • yarn serve (preview the production bundle(SSR))
  • yarn test (run the test suite and generate code coverage)