Starter React avec ViteJS
Le besoin Le besoin
Lorsque l’on démarre un nouveau projet Frontend, on met en place un ensemble d’outil qui vont nous permettre de garantir un niveau de qualité élevé. Je parle d’outils d’analyse statique comme les linters, les outils de tests, les outils vérifiant la conformité des noms de commit, etc … Tous ces outils sont longs à mettre en place et à configurer, tout comme les librairies tierces que l’on a l’habitude d’utiliser sur nos projets.
Comme beaucoup de développeurs avant moi, la création d’un starter d’application qui implémenterait tous ces outils était donc une évidence. Ainsi, lorsque l’on souhaite démarrer un projet rapidement, il suffit de cloner ce projet et on peut tout de suite se lancer sur les développements qui apporteront de la valeur métier.
La stack technique La stack technique
- Reactjs
- vitejs
- Sass
- Typescript
- react-query
- Axa toolkit
- React OIDC
- Axe-core
- lodash
- react-router-dom
- react-hook-form
- eslint
- prettier
- vitest
- testing-library
- msw
- jest-cucumber (guerkin)
- husky
- commitlint
- lint-staged
- commitizen
- npm
- renovate
- github dependabot
- github actions
- codecov
- sonarqube
- semantic-release (à venir)
Les sources Les sources
- Le lien vers le repository Github : Github de Starter React ViteJS
- Le lien vers la démo du projet : Démo de Starter React ViteJS
- Le lien vers workshop du projet : Workshop de Starter React ViteJS