メインコンテンツへスキップ

React Native

一度学べば、どこでも書ける。

Reactを使ってAndroid、iOSなどのネイティブアプリを構築

React Nativeは、Reactでの開発の最高の部分をネイティブ開発にもたらします。
ユーザーインターフェースを構築するための、クラス最高のJavaScriptライブラリです。

index.js
function HomeScreen() { 
return (
<View>
<Text> Hello World 👋 🌍!</Text>
</View>
);
}
Android device and iOS deviceAndroid device and iOS device

JavaScriptで書かれ、ネイティブコードでレンダリングされます。 ReactのプリミティブはネイティブプラットフォームのUIにレンダリングされるため、あなたのアプリは他のアプリと同じネイティブプラットフォームAPIを使用します。

みんなのためのネイティブ開発

React Nativeは真のネイティブアプリを構築でき、ユーザー体験を損ないません。View TextImageのようなプラットフォームに依存しないネイティブコンポーネントのコアセットを提供し、これらはプラットフォームのネイティブUI構成要素に直接マッピングされます。

A React Native UI pointing out native elements like Views, ScrollViews, and moreA React Native UI pointing out native elements like Views, ScrollViews, and more

フレームワークで先行する

React Nativeは、ReactプログラミングパラダイムをAndroidやiOSのようなプラットフォームにもたらします。ルーティングの方法や、数多くのプラットフォームAPIのそれぞれにアクセスする方法を規定するものではありません。React Nativeで新しいアプリを構築するには、次のようなフレームワークを推奨します。 Expo.

File system with folders and files representing screens and navigationFile system with folders and files representing screens and navigation

ファイルベースのルーティング

ファイルシステムを使って、スタック、モーダル、ドロワー、タブ画面を最小限のボイラープレートで作成します。

Grid of icons representing libraries, SDKs, and native codeGrid of icons representing libraries, SDKs, and native code

任意のライブラリ、SDK、またはネイティブコードを使用する

ネイティブの変更を生成したり、独自のネイティブコードを作成したりできます。50以上のモジュールを使用してアプリを構築します。

List of developer tool toggles for debugging, performance, and moreList of developer tool toggles for debugging, performance, and more

開発者ツール

Expo Goですぐに始められ、その後、ネイティブの変更が必要なアプリにExpoのツールを追加するモジュールであるexpo-dev-clientを使い続けます。

見て学ぶ

Reactチームによる講演を視聴し、React Nativeを最大限に活用する方法を学びましょう。
最新情報は Bluesky および X.

FB 2019: React Nativeによるモバイルイノベーション

45:29

なぜReact Nativeなのか?

1:42

Metaがサポートし、コミュニティが推進。

Metaは2015年にReact Nativeをリリースし、それ以来メンテナンスを続けています。

2018年には、React Nativeは 2番目に多い GitHub上のどのリポジトリよりも多くの貢献者数を誇りました。現在、React Nativeは、世界中の個人や企業からの貢献によってサポートされており、その中には Callstack, ExpoInfinite Red Microsoft および Software Mansion.

私たちのコミュニティは常にエキサイティングな新しいプロジェクトを発表し、AndroidやiOS以外のプラットフォームも探求しており、次のようなリポジトリがあります。 React Native Windows, React Native macOS および React Native Web.

React Nativeは何千ものアプリで使用されていますが、おそらくあなたはすでにこれらのアプリのいずれかでそれを使用しているでしょう。

  • Facebook
  • Facebook Ads Manager
  • Meta Horizon
  • Messenger Desktop
  • Microsoft Office
  • Microsoft Outlook
  • Microsoft Teams
  • Xbox Game Pass
  • Amazon Shopping
  • Shopify
  • Shop: All your favorite brands
  • Coinbase
  • PUMA
  • PlayStation App
  • WordPress - Website Builder
  • Tableau
  • FlipKart
  • Mercari
  • Discord
  • Bloomberg
  • Tesla
  • Bolt Food: Delivery & Takeaway
  • Mattermost
  • Klarna | Shop now. Pay later.
  • NFL

そして その他多数

React Nativeコミュニティへようこそ

始める