Ionic React Overview

@ionic/react brings the full power of the Ionic Framework to React developers. It offers seamless integration with the React ecosystem, so you can build high-quality cross-platform apps using familiar React tools, components, and best practices. You also get access to Ionic's extensive UI library and native capabilities.

React Version Support

Ionic React supports the latest versions of React. For detailed information on supported versions and our support policy, see the Ionic React Support Policy.

React Tooling

Ionic React works seamlessly with the React CLI and popular React tooling. You can use your favorite libraries for state management, testing, and more. Ionic React is designed to fit naturally into the React ecosystem, so you can use tools like Create React App, Vite, or Next.js to scaffold and build your apps.

Native Tooling

Capacitor is the official cross-platform runtime for Ionic Angular, enabling your apps to run natively on iOS, Android, and the web with a single codebase.

Installation

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

$ cd myApp
$ ionic serve █

Resources

Getting Started

Quickly set up your first Ionic React app and learn the basics of the framework and CLI.

Build Your First App

Build a real Photo Gallery app with Ionic React and native device features.

Navigation

Master navigation in Ionic React using React Router.

Components

Explore Ionic’s rich library of UI components for building beautiful apps.