Skip to content

sudano-r/ionic-react-conference-app

 
 

Repository files navigation

Ionic React Conference App

This project was bootstrapped with Create React App.

This is an example react conference app using @ionic/react.

You can see a live demo here. (https://ionic-react-conference-app.firebaseapp.com/)

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://beta.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=custom
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 create-react-app 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

License

About

This is a very early version of the ionic react conference app.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 78.3%
  • CSS 10.5%
  • JavaScript 9.5%
  • HTML 1.7%