necolas/react-native-web

これは何？

主な機能

• 01React DOMを介して、ViewやTextなどのReact Nativeコンポーネントをブラウザーに描画します。
• 02React Native APIのWeb向け実装を提供します。
• 031つのコードベースをiOS、Android、Web向けに展開できます。
• 04パッケージごとのビルド、開発、テスト用コマンドを備えたモノレポとして管理されています。

ユースケース

• React NativeのモバイルアプリとReactのWebアプリでUIコンポーネントを共有する。
• 既存のReact NativeプロジェクトにWeb版を追加する。
• ネイティブとWebの両方で動作するクロスプラットフォームのデザインシステムを構築する。

クイックスタート

1. 1

   すべてのパッケージでdevスクリプトを実行する

   npm run dev
2. 2

   すべてのパッケージでbuildスクリプトを実行する

   npm run build
3. 3

   すべてのパッケージのテストを実行する

   npm run test

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

• !READMEにはモノレポの開発タスクのみが記載されており、エンドユーザー向けのインストール方法や使い方は記載されていません。

トピック

よくある質問

react-native-web とは？

React Native for Webは、React NativeのコンポーネントやAPIをReact DOM経由でWebブラウザーに描画するライブラリです。 React Native for Webを使うと、React NativeのコンポーネントやAPIをブラウザーで利用でき、同じUIコードをiOS、Android、Web向けに展開できます。ViewやTextなどのReact NativeプリミティブをReact DOM要素に対応付け、React Native APIのWeb向け実装も提供します。

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

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

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

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

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

React NativeのモバイルアプリとReactのWebアプリでUIコンポーネントを共有する。 既存のReact NativeプロジェクトにWeb版を追加する。 ネイティブとWebの両方で動作するクロスプラットフォームのデザインシステムを構築する。

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

すべてのパッケージでdevスクリプトを実行する: npm run dev すべてのパッケージでbuildスクリプトを実行する: npm run build すべてのパッケージのテストを実行する: npm run test

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

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