# gt-react: General Translation React SDK: Producción vs. desarrollo URL: https://generaltranslation.com/es/docs/react/concepts/environments.mdx --- title: Producción vs. desarrollo description: Diferencias entre los entornos de producción y desarrollo --- {/* GENERADO AUTOMÁTICAMENTE: No edites esto directamente. En su lugar, edita la plantilla en content/docs-templates/. */} ## Resumen `gt-react` se comporta de forma diferente según el entorno en el que se esté ejecutando tu aplicación React. Detecta el entorno comprobando la variable de entorno `NODE_ENV`. ## Comportamiento en producción ### Variables de entorno En producción, la única variable de entorno aceptada es `GT_PROJECT_ID` (o una versión con prefijo, como `NEXT_PUBLIC_GT_PROJECT_ID`). Si se proporciona una clave API como variable de entorno, `gt-react` arrojará un error. Esto evita que la clave API quede expuesta al cliente. ### comportamiento de carga de traducciones En producción, el proveedor de `gt-react` intentará cargar las traducciones desde la CDN de General Translation por defecto. Si has configurado un comportamiento de carga de traducciones personalizado, como traducciones locales, mediante la función `loadTranslations`, `gt-react` usará esa configuración en su lugar. La recarga en caliente de traducciones está desactivada porque estás en producción. ## Comportamiento en desarrollo ### Variables de entorno Como el desarrollo es local y no está expuesto a usuarios externos, `gt-react` aceptará cualquier variable de entorno de General Translation, incluso si tiene el prefijo `NEXT_PUBLIC_`, `VITE_` o similar. ### Comportamiento de carga de traducciones En desarrollo, el proveedor de `gt-react` primero intentará cargar las traducciones de la misma forma que en producción. Estas traducciones se cargan en memoria. Al renderizar un componente (que usa `useGT`, `` o `useTranslations`) en un idioma diferente del predeterminado, el proveedor de `gt-react` hará lo siguiente: 1. Si detecta una traducción válida almacenada para el contenido dado, renderizará la traducción. 2. Si no encuentra ninguna traducción, intentará traducir dinámicamente el contenido mediante la API de General Translation. 3. Después de traducir, la traducción se renderizará y se almacenará en memoria para usos futuros. 4. Si la traducción excede el tiempo de espera, aplicará la alternativa y renderizará el contenido original. Nuestra API también almacena internamente en caché las traducciones en desarrollo durante un breve período de tiempo, por lo que, si se vuelve a solicitar la misma traducción, se devolverá desde la caché. Estas traducciones están aisladas a nivel de proyecto, por lo que no se mezclarán con traducciones de otros proyectos. Además, la caché es exclusiva de las sesiones de desarrollo, por lo que las traducciones almacenadas en caché no se usarán en producción. `gt-react` detectará los cambios en los componentes que usan `useGT`, `` o `useTranslations` y traducirá dinámicamente el contenido modificado mediante nuestra API. ## Claves API de producción vs. de desarrollo [#api-keys] Para distinguir mejor entre el comportamiento de producción y el de desarrollo de `gt-react`, usamos los conceptos de "Claves API de producción" y "Claves API de desarrollo". ### Claves API de producción Las claves API de producción son claves API que comienzan con `gtx-api-`. Cuando se proporciona una clave API de producción, `gt-react` se comportará como se describe en la sección [comportamiento en producción](#production-behavior). Esto significa que, si ejecutas tu aplicación React en modo de desarrollo y proporcionas una clave API de producción, `gt-react` se comportará como si estuvieras en producción. La recarga en caliente de las traducciones se desactivará y los componentes sin traducciones renderizarán el contenido original. Aparte de este comportamiento, `gt-react` no utilizará la clave API de producción de ninguna otra forma. La razón por la que te pedimos que crees una clave API de producción separada al desplegar en producción es que la herramienta CLI solo accede a claves API de producción. La herramienta CLI aplicará la facturación y la limitación de solicitudes con la categoría "production". ### Claves API de desarrollo Las claves API de desarrollo son claves API que comienzan con `gtx-dev-`. Cuando se proporciona una clave API de desarrollo, `gt-react` se comportará como se describe en la sección [comportamiento en desarrollo](#development-behavior). Al usar una clave API de desarrollo, la facturación y la limitación de solicitudes se aplicarán en la categoría "development". Las traducciones creadas con una clave API de desarrollo no se almacenarán y no estarán disponibles para su uso en producción. El propósito de las traducciones de desarrollo es permitirte probar tu aplicación antes de lanzarla a producción.