mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
73dd70d756
* fix(): add a page with class ion-page back to ionrouteroutlet - fixes #19146 * wip * fix(react): attributes show up in dom * chore(): adding ion-page to core wip * wip * fix destroy method * wrap dom writes in raf * Add comments * fix(react): IonPage work * chore(): ionpage rc3 changelog text * fix(): syncing ion-page in a new way to get rid of timeout loop * chore(): ViewStacks refactor out of router * fix(): remove unused method in router * wip - before setActiveView rework * fix(): react router ion page work * chore(): cleanup and dev release * fix(): remove need to name tabs * chore(): adding dev mode helpers * fix(): adding className prop to back button fixes #19251 * fix(): routerDirection changes * chore(): rc2 release * fix(): fix react version in package * chores(): build kickoff
61 lines
2.0 KiB
Markdown
61 lines
2.0 KiB
Markdown
## @ionic/react (beta)
|
|
|
|
These are React specific building blocks on top of [@ionic/core](https://www.npmjs.com/package/@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`.
|
|
|
|
# Current Status of Components
|
|
|
|
Below is a list of components yet to be implemented:
|
|
|
|
| Component |
|
|
| ------------------ |
|
|
| `IonVirtualScroll` |
|
|
|
|
## Publishing a Native Application
|
|
|
|
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.
|
|
|
|
```sh
|
|
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>
|
|
```
|
|
|
|
|
|
## Related
|
|
|
|
* [Ionic Documentation](https://ionicframework.com/docs/)
|
|
* [Ionic Worldwide Slack](http://ionicworldwide.herokuapp.com/)
|
|
* [Ionic Forum](https://forum.ionicframework.com/)
|
|
* [Ionicons](http://ionicons.com/)
|
|
* [Capacitor](https://capacitor.ionicframework.com/)
|
|
|
|
|
|
## License
|
|
|
|
* [MIT](https://raw.githubusercontent.com/ionic-team/ionic/master/LICENSE)
|