Guía 18: React y Ionic - Introducción

Guía 18: React y Ionic - Introducción#

Actividades previas#

Ambiente de desarrollo#

  1. Cree un repositorio en GitHub con el nombre mobile.

    1. Agregue un archivo README.md con el título de su aplicación híbrida y una breve descripción del objetivo de su proyecto.

    2. Use el archivo .gitignore con la plantilla de Node.

  2. Acceda a su proyecto mobile en Codespaces o en su máquina local.

  3. Cree y utilice la(s) rama(s) de desarrollo.

Actividades en clases#

Ionic CLI#

  1. Instale Ionic CLI globalmente en su ambiente de desarrollo.

    npm install -g @ionic/cli

  2. Verifique la instalación de Ionic CLI.

    ionic --version

  3. Utilice un cliente de IAG para explicar la utilidad de Ionic Framework y Ionic CLI en el desarrollo de aplicaciones móviles híbridas.

Creación de una aplicación híbrida con Ionic y React#

  1. Cree una nueva aplicación híbrida con Ionic y React utilizando Ionic CLI, a partir de la plantilla tabs y con Capacitor como herramienta de empaquetado.

    ionic start temp tabs --type=react --capacitor
cp -r temp/* .
rm -rf temp

    Nota: No es necesario crear una cuenta en Ionic al solicitarlo durante el proceso de creación de la aplicación.

  2. Inicie la aplicación en modo de desarrollo.

    ionic serve

  3. Revise el funcionamiento de la aplicación en el navegador web e inspecione la vista responsiva para dispositivos móviles.

  4. Utilice un cliente de IAG para explicar las características principales de la estructura del proyecto generado por Ionic CLI para una aplicación híbrida con React y de Capacitor como herramienta de empaquetado.

Versionamiento#

  1. Versione local y remotamente la(s) rama(s) de desarrollo en el repositorio mobile.

  2. Cree una solicitud de extracción (pull request) para fusionar la(s) rama(s) de desarrollo en la rama principal (main).

Conclusiones#

Actividades autónomas#

Recursos extras#

En redes:

Contenido