react/react-native

これは何？

主な機能

• 01AndroidとiOS向けに、JavaScriptのUIをネイティブのプラットフォームコンポーネントで描画します。
• 02Fast Refreshに対応しており、ネイティブアプリを再ビルドせずにJavaScriptの変更を反映できます。
• 03Native Modulesを使って、JavaScriptからプラットフォームのコードを呼び出せます。
• 04コンポーネント、Hooks、Suspenseなど、Reactの概念を再利用できます。
• 05プロジェクト外で開発された実装を通じて、ほかのプラットフォームにも拡張できます。

ユースケース

• 1つのReactコードベースから、AndroidとiOS向けのクロスプラットフォームモバイルアプリを構築する。
• 既存のネイティブアプリに、React Nativeの画面を段階的に追加する。
• Webチームが持つReactとJavaScriptのスキルを活用して、モバイルアプリを開発する。

クイックスタート

1. 1

   READMEで推奨されているフレームワークを使って、新しいExpoプロジェクトを作成します

   npx create-expo-app@latest
2. 2

   Expoのスタートガイドに従って環境をセットアップし、開発を始めます

使う前に知っておきたいこと

• !React Native Coreはネイティブモバイルアプリ向けです。READMEでは、単独でセットアップするのではなく、Expoなどのフレームワークを使うことを推奨しています。
• !フレームワークを使わずにビルドするには、ネイティブのAndroidおよびiOSのツールチェーンをセットアップする必要があります。

トピック

よくある質問

react-native とは？

Reactを使って、JavaScriptのUIをネイティブのプラットフォームコンポーネントで描画するAndroid・iOSアプリを構築するフレームワーク。 React Nativeを使うと、ReactとJavaScriptでネイティブのモバイルアプリを開発できます。UIプリミティブは各プラットフォーム固有のネイティブビューとして描画されるため、アプリはほかのアプリと同じネイティブAPIを利用でき、ジェスチャー、テキストの拡大、アクセシビリティも各OSの規約に従います。

react-native は無料で使えますか？ライセンスは？

react-native は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

react-native は今もメンテナンスされていますか？

活発にメンテナンス中。react-native の最終コミットは 2026年10月21日 です。

react-native は何に使えますか？

1つのReactコードベースから、AndroidとiOS向けのクロスプラットフォームモバイルアプリを構築する。 既存のネイティブアプリに、React Nativeの画面を段階的に追加する。 Webチームが持つReactとJavaScriptのスキルを活用して、モバイルアプリを開発する。

react-native のインストール方法は？

READMEで推奨されているフレームワークを使って、新しいExpoプロジェクトを作成します: npx create-expo-app@latest Expoのスタートガイドに従って環境をセットアップし、開発を始めます

react-native はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/react/react-native