# 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 editar directamente. Edita la plantilla en content/docs-templates/. */} ## Resumen `gt-react-native` 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 admitida 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` 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 `gt-react-native` intentará cargar las traducciones desde la CDN de General Translation de forma predeterminada. Si has configurado un comportamiento personalizado para cargar traducciones, como traducciones locales, mediante la función `loadTranslations`, `gt-react-native` usará ese comportamiento en su lugar. La recarga en caliente de traducciones está deshabilitada porque estás en producción. ## Comportamiento durante el desarrollo ### Variables de entorno Como el desarrollo es local y no está expuesto a usuarios externos, `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 de `gt-react-native` primero intentará 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-native` 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 mediante la API de General Translation. 3. Después de traducir, renderizará la traducción y la almacenará en memoria para usarla en el futuro. 4. Si la traducción supera el tiempo de espera, volverá al contenido original y lo renderizará. Nuestra API también almacena internamente en caché las traducciones de desarrollo durante un breve período, de modo 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-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 y desarrollo [#api-keys] Para distinguir mejor entre el comportamiento en producción y en desarrollo de `gt-react-native`, utilizamos 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 claves de API que empiezan por `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 ejecutas tu aplicación de 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 traducción se desactivará y los componentes sin traducciones renderizarán el contenido original. Fuera de este comportamiento, `gt-react-native` no usará la clave de API de producción de ninguna otra forma. Te pedimos que crees una clave de API de producción independiente al desplegar en producción porque la herramienta CLI solo accede a las claves de API de producción. La herramienta CLI aplicará la facturación y los límites 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-native` se comporta como se describe en la sección [Comportamiento durante el desarrollo](#development-behavior). Al usar una clave de API de desarrollo, la facturación y los límites de tasa se aplicarán dentro de 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.