/webpack-react-typescript

New base clear config like create-react-app, with webpack 5, babel and typescript

Primary LanguageTypeScript

Getting starting with React

This base project was made with the purpose of having more control over our projects, having full control over each of the webpack, jest, testing-library, and babel plugins. Unlike using create-react-app where there is already a base configuration without many options to choose from.

Technologies used:

  • React 18.x
  • Typescript 4.8.x
  • Webpack 5.x
  • Babel 7.x
  • Jest 29.x
  • Testing-library 13.x
  • Eslint 8.x
  • Emotion 11.x
  • Styled Components 5.x
  • Redux Toolkit 1.8.x

In addition to the technologies mentioned above, which are included in a react base project, the following were used to make the work more efficient:

  • Prettier 2.x
  • Husky 8.x
  • Lint-staged 13.x
  • Esbuild-loader 2.20.x

Available scripts

In the project directory, you can run:

start the project on http://localhost:3000

npm run dev

run tests

npm test

run tests with coverage enabled

npm run test:coverage

Build the project for production /dist folder

npm run build