Un modèle de démarrage puissant pour le développement Web moderne

Créer des applications React en toute simplicité avec React with Vite On Steroids – Un modèle de démarrage pour créer facilement des applications React hautes performances.

Qu'y a-t-il à l'intérieur ?

Ce modèle regorge de fonctionnalités conçues pour rationaliser votre processus de développement :

• Vite : l'outil de création ultra-rapide qui garantit un développement rapide et des versions de production optimisées.
• React : la bibliothèque JavaScript populaire pour créer des interfaces utilisateur.
• TypeScript : ajoutez la sécurité des types et des outils améliorés à votre JavaScript.
• Tailwind CSS : un framework CSS de premier ordre pour créer des designs époustouflants sans écrire de CSS personnalisé.
• ESLint : gardez votre base de code propre et cohérente avec les règles de peluchage enfichables.
• Plus joli : un formateur de code avisé qui applique un style cohérent dans l'ensemble de votre projet.
• Vitest : un cadre de tests unitaires ultra-rapide avec une approche native de Vite.
• Bibliothèque de tests : utilitaires de test simples et complets qui encouragent les bonnes pratiques de test.
• Playwright : un cadre de test polyvalent de bout en bout qui prend en charge plusieurs navigateurs.
• Husky : automatisez vos hooks Git, tels que les hooks de pré-validation, pour garantir la qualité du code avant qu'il n'atteigne le référentiel.

Commencer

Conditions préalables

Avant de vous lancer, assurez-vous que les éléments suivants sont installés :

• Node.js (version 20.x ou supérieure)
• Fil (ou npm ou pnpm)

Installation

Démarrez votre projet avec ces étapes simples :

1. Cloner le dépôt :

   git clone https://github.com/RicardoGEsteves/react-with-vite-on-steroids.git
   cd react-with-vite-on-steroids

1. Installer les dépendances :

   yarn

Exécution du serveur de développement

Prêt à commencer à coder ? Lancez le serveur de développement avec :

yarn dev

Bâtiment pour la production

Lorsque vous êtes prêt à déployer, créez une version de production avec :

yarn build

Exécution de tests

Ce modèle est livré avec des utilitaires de test intégrés pour garantir que votre code fonctionne comme prévu.

• Tests unitaires avec Vitest :

  yarn test

• Vérifier la couverture des tests :

  yarn coverage

• Tests de bout en bout avec le dramaturge :

  • Exécutez tous les tests :

  yarn playwright test
  

  • Mode interface utilisateur interactive :

  yarn playwright test --ui
  

  • Exécuter des tests uniquement sur Desktop Chrome :

  yarn playwright test --project=chromium
  

  • Exécuter des tests dans un fichier spécifique :

  yarn playwright test example
  

  • Mode débogage :

  yarn playwright test --debug
  

  • Générer automatiquement des tests avec Codegen :

  yarn playwright codegen
  

Pelucheux et formatage

Maintenez la qualité et la cohérence du code avec ces commandes :

• Lint le code :

  yarn lint

• Corriger les erreurs de peluchage :

  yarn lint:fix

• Formater le code :

  yarn format

Licence

Ce projet est sous licence MIT. Pour plus de détails, consultez le fichier LICENSE.

Remerciements

Un grand merci aux développeurs et aux communautés derrière ces outils incroyables :

• Vite
• Réagir
• Manuscrit
• Tailwind CSS
• ESLint
• Plus joli
• Vitester
• Bibliothèque de tests
• Dramaturge
• Rauque

Découvrez le modèle @RicardoGEsteves

J'en ai beaucoup sur mon site Web à https://www.ricardogesteves.com

Suivez-moi @ricardogesteves
X(twitter)

RicardoGEsteves (Ricardo Esteves) · GitHub

Développeur Full-Stack | Passionné par la création d'expériences utilisateur intuitives et percutantes | Basé à Lisbonne, Portugal ?? - Ricardo GEsteves

github.com