Creating the New Project
Follow step-by-step instructions to create the project structure of the Ionic-react application.
We'll cover the following
Create a project
Now that you have seen what we are going to build, let’s dive in and get the project up and running.
Before you start any new Ionic project, make sure you are on the latest Ionic CLI. In the terminal of your choice, enter the command
npm install -g @ionic/cli
. If you are already on the latest version, nothing will be installed.
Next, run the command.
ionic start
When asked, select React as the framework. Next, supply the name of the project. I chose “a10dance.” Select the blank template for this one. We will be implementing a side menu, but I would rather have us build it from scratch. This way we will be cutting a lot less boilerplate code.
We will not be working with AppFlow, so answer no to connecting it to an Ionic account.
We can run the application above using the following command:
ionic serve
Run the above command in the provided terminal. Follow through the above-mentioned steps of project creation and observe the output.
Get hands-on with 1200+ tech skills courses.