In React, è possibile utilizzare le variabili di ambiente creandole nel file `.env` nella root del progetto. Questo è un esempio di file `.env`.
```
REACT_APP_SECRET_KEY = “your-secret-key“
```
Una convenzione importante è che solo le variabili che iniziano con `REACT_APP_` saranno incorporati nell’applicazione build.
Per accedere a questa variabile di ambiente nel tuo codice, usa `process.env`.
```
console.log(process.env.REACT_APP_SECRET_KEY);
```
Con questo, il tuo segreto sarebbe disponibile in tutto il tuo codice attraverso `process.env.REACT_APP_SECRET_KEY`.
Nota: Dovresti riavviare il progetto ogni volta che aggiungi una nuova VAR a `.env` poiché le variabili d’ambiente sono caricate una volta all’avvio dell’app.
Se hai variabili di ambiente diverse per i diversi ambienti, puoi usare `.env`, `.env.local`, `.env.development`, `.env.test`, `.env.production` ecc. Le variabili in `.env` sono condivise in tutti gli ambienti, a meno che non vengano sovrascritte da quelle negli altri file `.env`.
Assicurati che il tuo file `.env` non sia tracciato nel tuo controllo della versione come git per motivi di sicurezza. Aggiungi `.env.*` al tuo file `.gitignore`.
