@ionic/react
Advanced tools
These are React specific building blocks on top of @ionic/core components/services.
To get started, install the Ionic CLI by running npm i -g ionic. Then, start a new Ionic React Project by running ionic start myapp --type=react.
Below is a list of components yet to be implemented:
| Component |
|---|
IonVirtualScroll |
You can now make use of all of the ionic components in your React application. If you want to publish your app to the App Store or Google Play you will need to use the ionic cli to execute Capacitor commands to do so.
More information on this can be found here. https://ionicframework.com/docs/cli If you want to learn more about Capacitor our dedicated site can be found here. https://capacitor.ionicframework.com/
The commands that you will need to execute are below in your project's root.
ionic init "My React App" --type=react
ionic integrations enable capacitor
Open the './capacitor.config.json' file in your projects root.
Change "webDir": "www" to be "webDir": "build" (dependent on your config but Ionic React defaults with this as the build directory)
Then run the following command to get started with either ios or android platforms.
ionic capacitor add <android|ios>
After build you build your app you will need to copy your capacitor resources into the build dir so execute the following command.
ionic capacitor copy
To open your application to build/emulate in Android Studio or Xcode run the open command.
ionic capacitor open <android|ios>
FAQs
React specific wrapper for @ionic/core
The npm package @ionic/react receives a total of 50,629 weekly downloads. As such, @ionic/react popularity was classified as popular.
We found that @ionic/react demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
A survey of 500 cybersecurity pros reveals high pay isn't enough—lack of growth and flexibility is driving attrition and risking organizational security.
Product
Socket, the leader in open source security, is now available on Google Cloud Marketplace for simplified procurement and enhanced protection against supply chain attacks.
Security News
Corepack will be phased out from future Node.js releases following a TSC vote.