Template React·Décembre 2024

Présentation

Ce projet est un script Bash permettant de créer rapidement un template React/Vite préconfiguré avec Tailwind CSS, ESLint et plusieurs scripts utilitaires. L'objectif est de faciliter le démarrage de futurs projets en fournissant une base prête à l'emploi, évitant de devoir configurer manuellement l'environnement à chaque nouveau projet. Le script copie automatiquement le contenu du template préconfiguré "React-tailwind-template" dans un nouveau dossier, utilisable comme point de départ. Lors de l'exécution du script, quelques questions sont posées afin de configurer l'environnement.

Vidéo

Fonctionnalités

  • Une configuration Tailwind CSS avec trois polices par défaut.
  • Une configuration ESLint selon les règles Airbnb.
  • La possibilité d'utiliser React Router 7 avec une configuration déjà en place.
  • La possibilité d'utiliser Axios avec une instance pré-configurée.
  • La possibilité d'utiliser React Query (TanStack) avec une configuration déjà en place (Provider).
  • Un script permettant de supprimer tous les console.log.
  • Un script vérifiant que le fichier .env (s'il existe) est présent dans .gitignore avant le commit, afin d'éviter de rendre publiques des données sensibles.

Architecture

Le script part d'un projet de base déjà configuré avec React et Tailwind CSS. Il crée d'abord une copie de ce projet de base, qui servira de point de départ pour votre nouvelle application. Ensuite, en fonction des réponses que vous fournissez aux questions posées (React Router, Axios, React Query), le script applique directement les modifications sur cette copie afin qu'elle corresponde exactement à vos choix. Cette copie finale constitue le projet sur lequel vous pourrez démarrer votre développement immédiatement.

Stack technique

BashReact

Liens