メインコンテンツまでスキップ
バージョン: v8 (beta)

コードひとつで
あらゆるプラットフォーム
まさにReact

  • ✓ 100 以上のモバイルに最適化された React UI コンポーネント
  • ✓ React の標準的なツールである react-dom
  • ✓ iOS / Android / Electron / PWA に対応

Get Started

モバイル、デスクトップ、ウェブにまたがる素晴らしいアプリを、あなたが知っている、そして愛する React で構築してください。

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

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

すばらしいデザイン

100 種類以上の美しいモバイル対応の UI コンポーネント、アニメーション、ジェスチャーから選択でき、軽量であなたのブランドに合うようにカスタマイズできます。

Explore UI components

使い慣れたツール

Ionic の React プロジェクトは React プロジェクトと同じように、react-dom を活用し、Create React App (CRA) アプリで見られるようなセットアップが可能です。ルーティングとナビゲーション](/docs/react/navigation)では、React Router が使用されています。 React バージョン 16.8 以降に対応しています。

More than mobile

最新のネイティブランタイムである Capacitor を使用して、Ionic React プロジェクトをネイティブの iOS、Android、Electron、Web に Progressive Web App としてデプロイできます。すべて 1 つの共有コードベースで。

まさに React

結局のところ、ただの React なのです。Ionic React はオープンな Web 標準とビルトインのブラウザ機能を使用しているため、何百万とある Web ライブラリのどれとも互換性があります。

インストール

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

$ ionic serve █

Resources

はじめ方

Ionic Frameworkで素晴らしいアプリを作り始めるために知っておくべき基礎知識を学びます。

Add Ionic to Existing React App

個々のコンポーネントを使用するか、完全なアプリ体験をつくるか。

ナビゲーション

IonicとReact Routerでアプリ内ナビゲーションの基本を学ぶ

ライフサイクル

Ionicのライフサイクルイベントをクラスコンポーネントやフックで使用する方法について学びます。