單一程式碼庫
任何平台
只需 React

• ✓ 100 多個針對行動裝置優化的 React UI 元件
• ✓ 使用 react-dom 的標準 React 工具
• ✓ iOS / Android / Electron / PWA

開始使用

使用您熟悉且喜愛的 React，在行動裝置和網路上建立出色的應用程式。

Ionic React 是 Ionic Framework 的原生 React 版本，這是一個免費的開放原始碼 SDK，為全球數百萬個關鍵任務應用程式提供支援。

它擁有您使用 React 為任何平台發布獲獎應用程式所需的一切。

出色的設計

從 100 多個美觀、適用於行動裝置的 UI 元件、動畫和手勢中進行選擇，這些元件、動畫和手勢都經過輕量化和客製化，以符合您的品牌。

探索 UI 元件

熟悉的工具

Ionic React 專案就像 React 專案一樣，利用 react-dom，並使用通常在 Create React App (CRA) 應用程式中找到的設定。對於路由和導航，底層使用 React Router。與 React 16.8 及以上版本相容。

不僅僅是行動裝置

使用現代原生執行階段 Capacitor，將您的 Ionic React 專案部署到原生 iOS、Android、Electron 和網路上作為漸進式網頁應用程式。所有這些都使用一個共用的程式碼庫。

只需 React

歸根究底，它只是 React。Ionic React 使用開放的網頁標準和內建的瀏覽器功能，因此它與數百萬個網頁程式庫中的任何一個都相容。

安裝

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

$ ionic serve █

資源

開始使用

了解開始使用 Ionic Framework 建立出色應用程式所需的基本知識。

將 Ionic 新增至現有的 React 應用程式

使用個別元件或完整的應用程式體驗。

導航

了解如何在應用程式內使用 Ionic 和 React Router 進行導航的基本知識

生命週期

了解如何在類別元件和使用 Hook 中使用 Ionic 生命週期事件