一つのコードベース
どのプラットフォームにも
Reactのみ

• ✓ 100以上のモバイル最適化されたReact UIコンポーネント
• ✓ react-domを使用した標準的なReactツール
• ✓ iOS / Android / Electron / PWA

始めましょう

使い慣れたReactを使って、モバイルとウェブで素晴らしいアプリを構築しましょう。

Ionic Reactは、世界中で数百万のミッションクリティカルなアプリを支えている、無料のオープンソースSDKであるIonic FrameworkのネイティブReactバージョンです。

これは、Reactを使用して、あらゆるプラットフォーム向けに受賞歴のあるアプリを出荷するために必要なすべてです。

素晴らしいデザイン

100を超える美しいモバイル対応のUIコンポーネント、アニメーション、ジェスチャーから選択でき、軽量でブランドに合わせてカスタマイズできます。

UIコンポーネントを探索

使い慣れたツール

Ionic Reactプロジェクトは、react-domを利用し、Create React App (CRA)アプリで見られる通常の設定と同様に、Reactプロジェクトと変わりありません。ルーティングとナビゲーションには、React Routerが内部で使用されています。Reactバージョン16.8以上と互換性があります。

モバイル以上のもの

モダンなネイティブランタイムであるCapacitorを使用して、Ionic ReactプロジェクトをネイティブiOS、Android、Electron、およびプログレッシブウェブアプリとしてウェブにデプロイします。すべて1つの共有コードベースで。

Reactのみ

結局のところ、それはただのReactです。 Ionic Reactは、オープンウェブ標準と組み込みのブラウザ機能を使用しているため、世界中の数百万のWebライブラリと互換性があります。

インストール

$ npm install -g @ionic/cli
$ ionic start myApp tabs --type react

$ ionic serve █

リソース

はじめに

Ionic Frameworkで素晴らしいアプリの構築を開始するために必要な基本を学びましょう。

既存のReactアプリにIonicを追加

個々のコンポーネントまたは完全なアプリエクスペリエンスを使用します。

ナビゲーション

IonicとReact Routerを使用してアプリ内のナビゲーションの基本を学びましょう

ライフサイクル

クラスコンポーネントとフックでのIonicライフサイクルイベントの使用について学びましょう