mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-09 16:16:41 +08:00
930b271a4a
* chore(): bump to beta 8 * fix(): IonFabButton href fix * fix(react): support components with href attributes * fix(): Prep work to break router out * fix(): breaking react-router and react-core into own packages * chore(): moving view stuff out of react-core * chore(): dev build 8-1 * chore(): update to react beta 8 * chore(): fixes to deps * fix(): removing IonAnchor in favor of IonRouterLink * chore(): beta 9 release * refactor(react): treeshake, minify, api * wip * fix(): react dev builds * fix(): fixes to get app builds working again * fix(): removing tgz file * feat(): adding platform helper methods * fix(): don't map attributes to props * chore(): add test app * feat(): copy css folder from core * chore(): move rollup node resolve to devDependencies * fix(): expose setupConfig() * perf(): improve treeshaking * fix(): removing crypto from generateUniqueId * fix(): adding missing rollup dp * fix(): test cleanup and fixes to make tests pass * chore(): moving react to packages folder * fix(): fixing react build due to move to packages * feat(): adding missing IonInfiniteScrollContent component * chore(): add automated testing using cypress * fix(): adding option onDidDismiss to controller components * 0.0.10 react * wip * fix(): removing deprecated React calls * fix(): exporting setupConfig from core * chore(): bump to 4.8.0-rc.0 * chore(): updating test-app deps and fixing test * chore(): updates to react readme
60 lines
2.0 KiB
Markdown
60 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)
|