Skip to main content

Ionic React

One Codebase
Any Platform
Just React

  • ✓ 100+ mobile optimized React UI components
  • ✓ Standard React tooling with react-dom
  • ✓ iOS / Android / Electron / PWA

Get Started

Build awesome apps across mobile, desktop, and web, with the React you know and love.#

Ionic React is native React version of Ionic Framework, the free, open source SDK powering millions of mission-critical apps all over the world.

It's everything you need to ship award-winning apps for any platform, with React.

Amazing Design#

Choose from over 100 beautiful, mobile-ready UI components, animations, and gestures, lightweight and customized to fit your brand.

Explore UI components

Familiar tooling#

Ionic React projects are just like React projects, leveraging react-dom and with setup normally found in a Create React App (CRA) app. For routing and navigation, React Router is used under the hood. Compatible with React version 16.8 and above.

More than mobile#

Deploy your Ionic React projects to native iOS, Android, Electron, and the web as a Progressive Web App, using Capacitor, a modern native runtime. All with one shared codebase.

Just React#

At the end of the day, it's just React. Ionic React uses open web standards and built-in browser capabilities, so it's compatible with any of the millions of web libraries out there.

Installation#

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

Resources#

Getting Started

Learn the fundamentals you need to know to start building amazing apps with Ionic Framework.

Add Ionic to Existing React App

Use individual components or the complete app experience.

Navigation

Learn the basics of navigation inside your app with Ionic and React Router

Lifecycle

Learn about using Ionic lifecycle events in class components and with hooks