Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sylvaincodes/qs_react_ts_tailwind

C'est un projet vide qui utilise le moteur de développement Vite pour vous lancer dans le développement d'un projet web rapidement avec Réact Js.
https://github.com/sylvaincodes/qs_react_ts_tailwind

Last synced: about 2 months ago
JSON representation

C'est un projet vide qui utilise le moteur de développement Vite pour vous lancer dans le développement d'un projet web rapidement avec Réact Js.

Awesome Lists containing this project

README

        

## Démarrer un projet Réact Js avec Vite-Typescript-Tailwind CSS avec un Linter Rapidement.

![Screenshot](https://github.com/sylvaincodes/qs_react_ts_tailwind/blob/master/public/images/psd.png)

C'est un projet vide qui utilise le moteur de développement Vite pour vous lancer dans le développement d'un projet web rapidement avec Réact Js.

## Plusieurs outils sont déja pré-configurés

- Vite
- Réact, Réact DOM
- Typescript npm run typecheck
- EsLint de Airbnb npm run lint
- Jest npm run test
- Tailwind Css commence par écrire ton code css dans le composant App.tsx
- CI git push

### Comment l'utiliser

- Cloner le projet
- Supprimer le dépot git si il est présent
- Tapez dans l'invite de commande npm run dev pour lancer le projet
- pour tester npm run test
- pour vérifier les erreures de syntaxe eslint tapez npm run lint
- pour vérifier les erreures de typage tapez npm run typecheck
- pour lancer toutes les commandez, initialisez un depot git et pushez votre code sur github
Sur Github, dans l'onglet Actions le workflow CI va démarrer le check.

Cordialement,