# cra-template-webdevkit · [![version][version-badge]][package] [![PRs Welcome][prs-badge]][prs] [![License][license-badge]][license] ![Publish][workflow-badge]

A Create React App template extension with typescript, redux-toolkit, react-testing-library, travisci, sonarcloud, docker, commitlint.

## Usage

### npx

```sh
npx create-react-app my-app --template webdevkit
```

## Includes

- [typescript][typescript]
- [redux-toolkit][redux-toolkit]
- [react-testing-library][react-testing-library]
- [axios][axios]
- [eslint][eslint]
- [prettier][prettier]
- [travisci][travisci]
- [sonar][sonar]
- [docker][docker]
- [nginx][nginx]

## Features

- VS Code support
- Initial code that follows best practices and uses tools included
- Async data fetching with axios
- Eslint configuration that's compatible with prettier
- 100% test coverage for initial components
- Styling with scss modules
- Preconfigured Dockerfile
- Preconfigured sonar

## Alternative templates

- [cra-template-redux][cra-template-redux] Official Redux CRA template (upcoming)

## License

Licensed under the MIT license.

<!-- prettier-ignore-start -->
[npm]: https://www.npmjs.com/
[node]: https://nodejs.org
[version-badge]: https://img.shields.io/npm/v/cra-template-webdevkit.svg?style=flat-square
[workflow-badge]: https://github.com/paulosales/cra-template-webdevkit/workflows/Publish/badge.svg
[package]: https://www.npmjs.com/package/cra-template-webdevkit
[license-badge]: https://img.shields.io/npm/l/cra-template-webdevkit
[license]: https://github.com/paulosales/cra-template-webdevkit/blob/master/LICENSE
[prs-badge]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square
[prs]: http://makeapullrequest.com
[typescript]: https://github.com/microsoft/TypeScript
[redux-toolkit]: https://github.com/reduxjs/redux-toolkit
[react-testing-library]: https://github.com/testing-library/react-testing-library
[github-watch-badge]: https://img.shields.io/github/watchers/paulosales/cra-template-webdevkit.svg?style=social
[axios]: https://github.com/axios/axios
[eslint]: https://eslint.org/
[prettier]: https://prettier.io/docs/en/index.html
[cra-template-redux]: https://github.com/reduxjs/cra-template-redux
[sonar]: https://sonarcloud.io/organizations/paulosales/projects
[travisci]: https://travis-ci.com/
[docker]: https://www.docker.com/
[nginx]: https://www.nginx.com/
<!-- prettier-ignore-end -->