react-modern-starter

   

React Modern Starter

• React for rendering
• React Router for routing
• react-seo for SEO
• MDX for easy markdown files powered by React Components
• Valtio for state management
• WindyCSS for easy bundling TailwindCSS into the stack(typography and forms plugin builtin)
• Vite for bundling
• uvu for testing
• linkedom for speedy simulation of the browser environment in uvu tests
• C8 for code coverage
• Prettier-Standard for formatting and linting
• lint-staged with precommit task for linting
• Commitizen intercepting your commits to help you add nice formatted messages
• Renovate for automated dependency updates
• git-notify for communicating important updates during git pull to your team
• git-standup to recall what you did yesterday
• semantic-release to automatically release new versions of your project(remember to set NPM_TOKEN in your repository)
• Github Actions CI preconfigured for running lint + tests
• SSR/SSG builtin
• Rudimentary autorouting based on directory convention(similar to Next.js)
• Optional configuration for Netlify deployment

Setup

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

Tasks

• yarn standup (receive a pretty list of things you did on your last working day)
• yarn dev (standard dev server)
• yarn format (format and lint the codebase following prettier-standard rules)
• 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)