コードひとつで
あらゆるプラットフォーム
まさにReact
- ✓ 100 以上のモバイルに最適化された React UI コンポーネント
- ✓ React の標準的なツールである react-dom
- ✓ iOS / Android / Electron / PWA に対応
モバイル、デスクトップ、ウェブにまたがる素晴らしいアプリを、あなたが知っている、そして愛する React で構築してください。
Ionic React は、Ionic Framework のネイティブ React バージョンで、世界中の何百万ものミッションクリティカルなアプリを動かしている、無料のオープンソース SDK です。
React を使用して、あらゆるプラットフォーム向けに受賞歴のあるアプリを出荷するために必要なすべてが揃っています。
すばらしいデザイン
100 種類以上の美しいモバイル対応の UI コンポーネント、アニメーション、ジェスチャーから選択でき、軽量であなたのブランドに合うようにカスタマイズできます。
使い慣れたツール
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で素晴らしいアプリを作り始めるために知っておくべき基礎知識を学びます。
個々のコンポーネントを使用するか、完全なアプリ体験をつくるか。
IonicとReact Routerでアプリ内ナビゲーションの基本を学ぶ
Ionicのライフサイクルイベントをクラスコンポーネントやフックで使用する方法について学びます。