Las variables de entorno en React.js se usan principalmente para la gestión de la configuración confidencial de la aplicación y para variar el comportamiento de la aplicación en diferentes entornos.
Para utilizar las variables de entorno en React, sigue estos pasos:
1. Crea un archivo `.env` en tu raíz del proyecto.
2. Agrega tu variable de entorno en este archivo como `REACT_APP_NOMBRE_DE_LA_VARIABLE=valor_de_la_variable`. React requiere que todas las variables de entorno comiencen con `REACT_APP_` para funcionar correctamente.
Por ejemplo:
```
REACT_APP_API_URL=https://miapi.com/
REACT_APP_SECRET=MI_SECRET
```
3. Luego puedes acceder a estas variables en tus componentes React usando `process.env`.
Por ejemplo:
```
console.log(process.env.REACT_APP_API_URL);
console.log(process.env.REACT_APP_SECRET);
```
Nota importante: Por razones de seguridad, sólo se debe almacenar la información no sensible en las variables de entorno. Cualquier cosa que almacenes en las variables de entorno estará potencialmente expuesta al público, ya que se incorpora en el código de tu aplicación front-end.
Además, si utilizas Create-React-App, al modificar tus variables de entorno necesitarás reiniciar tu servidor para que los cambios tengan efecto.
