# react-native: React Native
URL: https://generaltranslation.com/ja/docs/react-native.mdx
---
title: React Native
description: React Native アプリに複数の言語を追加
---

## はじめに

`gt-react-native` を使って React Native アプリに翻訳を追加します。セットアップに合った Quickstart ガイドを選んでください。

<Cards>
  <Card title="Expo Quickstart" href="/docs/react-native/tutorials/quickstart-expo">
    Expo プロジェクト向けです (SDK 49+)。expo-router と Expo のビルドシステムを使用します。
  </Card>

  <Card title="React Native CLI Quickstart" href="/docs/react-native/tutorials/quickstart">
    React Native CLI の bare プロジェクト向けです。Metro とネイティブビルドを直接使用します。
  </Card>
</Cards>

<Callout type="warn">
  `gt-react-native` はまだ実験的機能であり、すべてのプロジェクトで動作するとは限りません。
  問題が発生した場合は、[GitHub で issue を作成](https://github.com/generaltranslation/gt/issues)してお知らせください。
</Callout>

<Callout type="info">
  **自動セットアップを使いたいですか？** `npx gt@latest` を実行すると、[セットアップウィザード](/docs/cli/init) ですべて設定できます。
</Callout>

***

## 利用できる機能

* [`<T>` コンポーネント](/docs/react-native/guides/t)による**JSX の翻訳**
* [`useGT` フック](/docs/react-native/guides/strings)による**文字列の翻訳**
* [`<Var>`](/docs/react-native/guides/variables)、[`<Plural>`](/docs/react-native/api/components/plural)、[`<Branch>`](/docs/react-native/guides/branches)による**変数、複数形、分岐**
* 開発環境では、開発用 API キーを使った**on-demand 翻訳**
* 本番環境では、[`gt translate`](/docs/cli/translate) CLI コマンドによる**事前生成済みの翻訳**

***

## 次のステップ

* [**`<T>` コンポーネントガイド**](/docs/react-native/guides/t) — 変数、複数形、より高度な翻訳パターンを学ぶ
* [**文字列翻訳ガイド**](/docs/react-native/guides/strings) — `useGT` を詳しく解説
* [**変数コンポーネント**](/docs/react-native/guides/variables) — `<Var>`、`<Num>`、`<Currency>`、`<DateTime>` を使って動的なコンテンツを扱う
* [**本番環境へのデプロイ**](/docs/react-native/tutorials/quickdeploy) — CI/CD のセットアップ、キャッシュ、パフォーマンスの最適化