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

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-dev-clientで続行します。これは、ネイティブの変更が必要なアプリにExpoのツールを追加するモジュールです。

見て学ぶ

Reactチームによるトークを見て、React Nativeを最大限に活用する方法を学びましょう。
最新情報はこちら Bluesky および X.

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

45:29

なぜReact Nativeなのか?

1:42

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

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

2018年、React NativeはGitHubの全リポジトリの中で 2番目に多い コントリビューター数を記録しました。今日、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コミュニティへようこそ

はじめに