# react-native: Producción vs Desarrollo URL: https://generaltranslation.com/es/docs/react-native/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-native` se comporta de forma diferente según el entorno en el que se ejecuta 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 de API como variable de entorno, `gt-react-native` generará un error. Esto evita que las claves de API queden expuestas en el cliente. ### comportamiento de carga de traducciones En producción, por defecto, el proveedor intentará cargar las traducciones desde la CDN de General Translation. Si has configurado un comportamiento personalizado de carga de traducciones, como traducciones locales, mediante la función `loadTranslations`, `gt-react-native` usará esa configuración en su lugar. La recarga en caliente de traducciones está deshabilitada porque se está en producción. ## comportamiento en desarrollo ### Variables de entorno Como el desarrollo es local y no está expuesto a usuarios de otros idiomas, `gt-react-native` 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 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 hará lo siguiente: 1. Si detecta una traducción válida y almacenada para el contenido indicado, 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 futuras solicitudes. 4. Si la traducción supera el tiempo de espera, recurrirá a una alternativa y renderizará el contenido original. Nuestra API también almacena en caché internamente las traducciones de 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 específica de las sesiones de desarrollo, por lo que las traducciones almacenadas en caché no se usarán en producción. `gt-react-native` detectará cambios en los componentes que usan `useGT`, `` o `useTranslations` y traducirá dinámicamente el contenido modificado mediante nuestra API. ## Claves de API de producción vs. de desarrollo [#api-keys] Para ayudar a distinguir entre el comportamiento en producción y en desarrollo de `gt-react-native`, contamos con el concepto 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 claves de API que comienzan con `gtx-api-`. Cuando se proporciona una clave de API de producción, `gt-react-native` 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 React en modo de desarrollo y proporcionas una clave de API de producción, `gt-react-native` se comportará como si estuvieras en producción. La recarga en caliente de las traducciones se deshabilitará y los componentes sin traducciones renderizarán el contenido original. Aparte de este comportamiento, `gt-react-native` no utilizará la clave de API de producción de ninguna otra forma. La razón por la que te pedimos que crees una clave de API de producción separada al desplegar en producción es que la herramienta CLI solo accede a las claves de API de producción. La herramienta CLI aplicará la facturación y la limitación de solicitudes en la categoría "production". ### Claves de API de desarrollo Las claves de API de desarrollo son claves de API que comienzan con `gtx-dev-`. Cuando se proporciona una clave de API de desarrollo, `gt-react-native` se comportará 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 solicitudes se aplicarán en la categoría "development". Las traducciones creadas con una clave de API de desarrollo no se almacenarán y no estarán disponibles para usarse en producción. El propósito de las traducciones de desarrollo es permitirte probar tu aplicación antes de lanzarla a producción.