# 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. Edita la plantilla en content/docs-templates/. */} ## Descripción general `gt-react` se comporta de forma distinta según el entorno en el que se ejecute tu aplicación de 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 de API como variable de entorno, `gt-react` lanzará un error. Esto evita que las claves de API queden expuestas en el cliente. ### Comportamiento de carga de traducciones En producción, el proveedor de `gt-react` intentará cargar las traducciones desde la CDN de General Translation de forma predeterminada. Si has configurado un comportamiento personalizado de carga de traducciones, como traducciones locales, mediante la función `loadTranslations`, `gt-react` usará ese comportamiento en su lugar. La recarga en caliente de traducciones está desactivada, ya que estás en producción. ## comportamiento en desarrollo ### Variables de entorno Como el desarrollo se realiza en local y no está expuesto a usuarios externos, `gt-react` aceptará cualquier variable de entorno de General Translation, incluso si lleva el prefijo `NEXT_PUBLIC_`, `VITE_` (o similar). ### Comportamiento de carga de traducciones En desarrollo, el proveedor de `gt-react` intentará primero cargar las traducciones del mismo modo que en producción. Estas traducciones se cargan en memoria. Al renderizar un componente (que usa `useGT`, `` o `useTranslations`) en un idioma distinto del predeterminado, el proveedor de `gt-react` hará lo siguiente: 1. Si detecta una traducción válida almacenada para el contenido en cuestión, renderizará la traducción. 2. Si no encuentra ninguna traducción, intentará traducir dinámicamente el contenido a través de la API de General Translation. 3. Tras traducirlo, renderizará la traducción y la almacenará en memoria para usos futuros. 4. Si la traducción agota el tiempo de espera, hará fallback y renderizará el contenido original. Nuestra API también almacena internamente en caché las traducciones de desarrollo durante un breve período, así que, si se vuelve a solicitar la misma traducción, se servirá desde la caché. Estas traducciones están aisladas a nivel de proyecto, por lo que no se mezclarán con las 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 a través de nuestra API. ## Claves de API de producción vs. de desarrollo [#api-keys] Para distinguir mejor entre el comportamiento de `gt-react` en producción y en desarrollo, usamos los conceptos de "claves de API de producción" y "claves de API de desarrollo". ### Claves de API de producción Las claves de API de producción son las que comienzan con `gtx-api-`. Cuando se proporciona una clave de 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 estás ejecutando tu aplicación de React en modo de desarrollo y proporcionas una clave de 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 traducción mostrarán el contenido original. Fuera de este comportamiento, `gt-react` no utilizará la clave de API de producción de ninguna otra manera. Te pedimos que crees una clave de API de producción independiente al lanzar en producción porque la herramienta CLI solo accede a claves de API de producción. La herramienta CLI aplicará la facturación y la limitación de tasa usando la categoría "production". ### Claves de API de desarrollo Las claves de API de desarrollo son claves de API que empiezan por `gtx-dev-`. Cuando se proporciona una clave de API de desarrollo, `gt-react` se comporta como se describe en la sección [Comportamiento en desarrollo](#development-behavior). Al usar una clave de API de desarrollo, la facturación y la limitación de tasa se aplicarán en la categoría "development". Las traducciones creadas con una clave de API de desarrollo no se almacenarán ni estarán disponibles para su uso en producción. El objetivo de las traducciones de desarrollo es permitirte probar tu aplicación antes de lanzarla a producción.