flaviojoaofelix/boilerplate-react-ts

React Boilerplate

Vite, React, TypeScript

ESLint (AirBnB), Vitest (RTL + Jest-DOM), React Router Dom

Commands used in configuration

1. npm create vite@latest
2. npm i
3. npm i -D eslint
4. npx eslint --init
5. npx install-peerdeps --dev eslint-config-airbnb
6. npm i -D eslint-config-airbnb-typescript
7. npm i -D prettier eslint-config-prettier eslint-plugin-prettier
8. npm install -D vitest
9. npm i -D @testing-library/react @testing-library/jest-dom
10. npm install react-router-dom@6

References

• https://www.youtube.com/watch?app=desktop&v=cchqeWY0Nak
• https://airbnb.io/javascript/react/
• https://prettier.io/docs/en/index.html
• https://vitest.dev/
• https://github.com/vitest-dev/vitest/blob/main/examples/react-testing-lib-msw/vite.config.ts
• https://testing-library.com/
• https://github.com/jsdom/jsdom
• https://github.com/testing-library/jest-dom
• https://kentcdodds.com/blog/common-mistakes-with-react-testing-library