# react-native: React Native
URL: https://generaltranslation.com/es/docs/react-native.mdx
---
title: React Native
description: Añade varios idiomas a tu app de React Native
---

## Primeros pasos

Añade traducciones a tu app de React Native con `gt-react-native`. Elige la guía de Quickstart que mejor se adapte a tu configuración:

<Cards>
  <Card title="Quickstart de Expo" href="/docs/react-native/tutorials/quickstart-expo">
    Para proyectos de Expo (SDK 49+). Usa expo-router y el sistema de compilación de Expo.
  </Card>

  <Card title="Quickstart de React Native CLI" href="/docs/react-native/tutorials/quickstart">
    Para proyectos de React Native CLI sin preconfiguración. Usa Metro y compilaciones nativas directamente.
  </Card>
</Cards>

<Callout type="warn">
  `gt-react-native` sigue siendo experimental y puede que no funcione en todos los proyectos.
  Avísanos si tienes algún problema [abriendo un issue en GitHub](https://github.com/generaltranslation/gt/issues).
</Callout>

<Callout type="info">
  **¿Quieres una configuración automática?** Ejecuta `npx gt@latest` para configurarlo todo con el [Asistente de configuración](/docs/cli/init).
</Callout>

***

## Qué incluye

* **Traducción de JSX** con el [componente `<T>`](/docs/react-native/guides/t)
* **Traducción de cadenas** con el [hook `useGT`](/docs/react-native/guides/strings)
* **Variables, plurales y ramas** con [`<Var>`](/docs/react-native/guides/variables), [`<Plural>`](/docs/react-native/api/components/plural) y [`<Branch>`](/docs/react-native/guides/branches)
* **Traducción on-demand** en desarrollo con una clave de API de desarrollo
* **Traducciones pregeneradas** en producción mediante el comando de la CLI [`gt translate`](/docs/cli/translate)

***

## Siguientes pasos

* [**Guía del componente `<T>`**](/docs/react-native/guides/t) — Aprende sobre variables, plurales y patrones avanzados de traducción
* [**Guía de traducción de cadenas**](/docs/react-native/guides/strings) — Profundiza en `useGT`
* [**Componentes de variable**](/docs/react-native/guides/variables) — Gestiona contenido dinámico con `<Var>`, `<Num>`, `<Currency>` y `<DateTime>`
* [**Despliegue a producción**](/docs/react-native/tutorials/quickdeploy) — Configuración de CI/CD, almacenamiento en caché y optimización del rendimiento