Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Prochaine révision		Révision précédente
front:astuces [2025/09/25 15:26] – créée paolofront:astuces [2025/10/01 11:56] (Version actuelle) – paolo
Ligne 1: Ligne 1:
 # Astuces # Astuces
 +
 +### Utiliser la configuration
 +
 +### Composant Head
 +
 +### Composant Toaster
  
 ### Utiliser les variables d'environnements ### Utiliser les variables d'environnements
 +
 +Dans un environnement **Vite**, les variables d'environnement doivent être préfixées de ''VITE''.
 +
 +```
 +# .env
 +
 +VITE_API_URL=url
 +VITE_APP_VERSION=1.0.0
 +```
 +
 +On peut ainsi les importer avec ''import.meta.env''.
 +
 +```
 +// src/utils/constants/vite.js
 +
 +export const API_URL     = import.meta.env.VITE_API_URL;
 +export const APP_VERSION = import.meta.env.VITE_APP_VERSION;
 +```
 +
 +### Fichiers de traductions publiques
 +
 +### Faire des fichiers de traductions “namespace”
 +
 +### Utiliser des préfixes avec useTranslation 
 +
 +### Fichier CSS publiques
 +
 +### Retirer Tailwind CSS
 +
 +### Importer les fichiers CSS entre eux avec Tailwind CSS et en CSS classique
 +
 +### Faire un listener de changement de thème