|
|
| (One intermediate revision by the same user not shown) |
| Line 1: |
Line 1: |
| − | https://ionicframework.com
| |
| | | | |
| − | https://ionicframework.com/getting-started/#cli
| |
| − |
| |
| − | https://ionicframework.com/docs/cli/commands/cordova-build
| |
| − |
| |
| − | a ver
| |
| − |
| |
| − | When you create a new project with Ionec using the CLI (https://ionicframework.com/getting-started/#cli), the CLI will display 2 options in the terminal:
| |
| − | * Use Angular
| |
| − | * Use React
| |
| − | * Vue (soon)
| |
| − |
| |
| − | If you choose Angular, an Ionic-Angular project will be create. This will be a Cordova based project. Ionic used to use Cordova to build the native code. So you can build the native code by doing:
| |
| − | ionic cordova build <platform>
| |
| − |
| |
| − | Recently, Ionic has launched Ionic React. If you choose React, a Ionic-React project will be create. This will '''NOT''' be a Cordova based project. Capacitor is the official cross-platform app runtime used to make your Ionic React web app run natively on iOS, Android, Electron, and the web. While there are no known technical limitations to using Ionic React with Cordova plugins, Capacitor is officially recommended. There are no plans to support a Cordova integration for Ionic React in the Ionic CLI tooling at this time. For more details, please see here.
| |
| − |
| |
| − | So, as mentioned, there are no known technical limitations to using Ionic React with Cordova plugins, so you can still manually create a Ionic-Reac Cordova based project, so you can build the native file using Cordova instead of Capacitor. We will explain how to do that later.
| |
| − |
| |
| − |
| |
| − |
| |
| − | <span style="color:green">Me parece que hay mucha documentación y exelentes ejemplos con <code>Ionic</code>, creo que mucho más que en Cordova:</span>
| |
| − |
| |
| − | * There are many templates for starting a Ionic project, for example:
| |
| − | : <syntaxhighlight lang="shell">
| |
| − | ionic start myApp sidemenu
| |
| − | </syntaxhighlight>
| |
| − |
| |
| − |
| |
| − | :* Check out the Market for more designs:
| |
| − | ::* https://market.ionicframework.com/starters/
| |
| − | :::* https://market.ionicframework.com/starters/multiplatform
| |
| − | :::* https://market.ionicframework.com/starters/event-app-and-maps
| |
| − |
| |
| − |
| |
| − | <br />
| |
| − | ==Building an Ionic application using React==
| |
| − | https://ionicframework.com/docs/react/overview
| |
| − |
| |
| − |
| |
| − | '''Some examples:'''
| |
| − | * '''Exelente App:''' I tried in my computing and is working well
| |
| − | * https://itnext.io/building-an-ionic-application-using-react-61dc60c59e7b
| |
| − | :* https://github.com/StevenConradEllis/react-ionic-medium-demo
| |
| − | :* https://ionic-react-conference-app.firebaseapp.com/schedule
| |
| − |
| |
| − |
| |
| − | * https://www.smashingmagazine.com/2019/08/building-mobile-apps-ionic-react/
| |
| − |
| |
| − |
| |
| − | <br />
| |
| − | ===Navigation - Routing===
| |
| − | Muy importante para entender Routing: https://ionicframework.com/docs/react/navigation
| |
| − |
| |
| − |
| |
| − | <br />
| |
| − | ===Ionic-Reac Cordova based project===
| |
| − |
| |
| − |
| |
| − | <br />
| |
