jabczyk/cra-boilerplate

Simple boilerplate for React applications — CRA, TypeScript, Redux, TailwindCSS, React Intl, Standard, Prettier, Jest

cra-boilerplate

This is a simple boilerplate for client-side rendered React applications, based on Create React App.

This boilerplate aims to provide configuration of many useful libraries out of the box. It gives a lot of freedom when it comes to project structure and tech stack modifications.

The stack

• Language: TypeScript
• State management: Redux with Redux Toolkit
• CSS framework: Tailwind CSS with twin.macro
• Routing: Reach Router
• Internationalization: React Intl
• Analytics: Google Analytics
• Crash reporting: Sentry
• Code style: Standard & Prettier
• Linting: ESLint
• Tests: Jest and Testing Library

Setup

• Clone the repository or click "Use this template" and create your new repository
• Create an .env file with Google Analytics and/or Sentry configuration
• Remove the counter example
• Start working on your first feature!

Usage

yarn prepare # install husky for pre-commit hooks
yarn start # start a development server
yarn lint # lint and automatically fix code
yarn build # create a production build
yarn test # run unit tests