Ionic React
Ionic React
Build iOS, Android, Desktop, and Progressive Web Apps using React
ionicframework.com/reactAdd your details here.
My Name
My Name
A bit about me/bio
Ionic enables web developers to build cross-platform apps using just one codebase. In addition to open source offerings, Ionic helps teams build apps via support, enterprise-specific functionality, and DevOps services.
What is Ionic Framework?
What is Ionic Framework?
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.
What is Ionic React?
What is Ionic React?
More than just the UI toolkit - it's a complete app building platform.
The Ionic Platform
The Ionic Platform
See all Ionic components in action using the embedded demo app.
UI Components
UI Components
Example of Ionic Card component alongside actual code
IonCard
<IonCard>
Sworkit
The number one fitness app
Untappd
Discover and share beer
Shipt
Bring the store to your door
Amtrak
Book a trip today
Ionic implements all native animation/gesture details so you can focus on building your app.
Gestures & Animations
Gestures & Animations
Ionic implements all native animation/gesture details so you can focus on building your app.
Swipe to Close Modal
Swipe to Close Modal
Rich page transitions out of the box, using routing that's familiar to React devs.
Routing/Navigation
Routing/Navigation
Ionic React apps are automatically set up for unit and integration testing with Jest, React Testing Library, and a small suite of utilities for testing Ionic-specific concepts.
Testing
Testing
Ionic React provides first class PWA support and recommends Zeit for hosting.
Progressive Web Apps
Progressive Web Apps
Capacitor builds upon lessons learned from Cordova, React Native, and others to provide a modern native runtime tool. "Code once, configure everywhere" means that Cap embraces native project management and tooling. By not creating custom tooling that breaks easily, it's easier to update and manage native projects over time.
Capacitor
Native Access: Capacitor
React Native is a great tool for building mobile apps. There are some differences though. Many React libraries don't support RN, RN does not officially support PWAs, and Facebook does not offer dedicated support. For developers looking to build a PWA as well as mobile (and desktop), Ionic React is the way to go.
React Native Comparison
React Native Comparison
Two ways to get started: using the Ionic CLI or the App Wizard.
Create an Ionic React App 🚀
Built with DeckDeckGo