kotoyama / react-webpack-template

🚀 React Webpack Template

Stack

• TypeScript
• PostCSS
• Babel
• Webpack
• React
• Effector
• ESLint & Prettier
• Jest & React Testing Library

Features

• Hot reload
• Conventional commits
• Output errors in friendly format
• Root alias support
• React 18 support

Available Scripts

In the project directory, you can run:

• yarn start - runs app in development mode
• yarn build - builds app for production
• yarn build:live - runs build locally
• yarn format - runs file formatter
• yarn lint:code - runs code linter
• yarn lint:code:fix - runs code linter with fixing rule
• yarn lint:styles - runs styles linter
• yarn lint:styles:fix - runs styles linter with fixing rule
• yarn test - launches test runner
• yarn test:watch - runs tests in watch mode
• yarn test:coverage - shows test coverage
• yarn commit - makes conventional commit

References

• Frontend architecture
• Next + Effector (SSR)
• Testing with effector