Este baseline de Ionic supone que ya puede lanzar proyectos móviles con todos los poderes activos! Con un espacio de trabajo de Angular aprobado por los documentos oficiales de Angular. :)
Antes que nada, échese una miradilla táctica con Capacitor Platform:
✅ The Native Bridge for Cross-Platform Web Apps
Invoca SDKs sobre iOS, Android, Electron, y la Web con un sólo código base. Optimizado para Aplicaciones de Ionic Framework como esta, o uso con cualquier framework de aplicación web. ;) ¡Eso es Capacitor! Y como dicen en las películas de los 90s: "Esto apenas es el principio del fin". 😎
✅ Estructura mono-repo básica
✅ Últimas versiones de paquetes para Ionic 5.5 + Angular 11.1,
✅ Reglas básicas del Linter,
✅ Reglas básicas del Prettier,
✅ Firebase integrado,
✅ Configuración básica de Firebase,
✅ Configuración básica de Docker,
✅ Archivos Specs de Angular como sintaxis legada, actualizada con buenas prácticas,
✅ Script para ejecución de HMR,
✅ State Management (AKITA, obviamente 😇),
✅ Archivos "environment" extendidos para todos (/dev /qa /prod), incluyendo valores por defecto de firebase,
✅ Scripts de compilación para plataformas Android y iOS,
✅ Scripts de generación de certificado Android,
✅ Scripts de ejecución para plataformas Android y iOS,
✅ Scripts para configuración de plataformas,
✅ Scripts para revisión de estilos y análisis de archivos TS/ES,
✅ ESLint integrado que reemplaza a TSLint en proyectos Angular
✅ BONUS: Prettier formatter integrado para complementar a ESLint y habilitado cuando ejecute ESLint, limpiar su código o en su pipeline de CI
✅ Archivos y configuraciones de fábrica (CLI) formateados y limpios con últimas reglas del ESLint/Prettier
✅ Integración de Tailwind para utilidades y componentes en CSS,
🔲 Incluir utilidades comunes de Javascript basado en helpers y servicios,
🔲 Login Page base,
🔲 Autenticación incluida con JWT,
🔲 Lógica de sesión base en interceptores,
🔲 Control de autenticación y autorización,
🔲 Integrar NX para cumplir con el concepto arquitectónico mono-repositorio completo.
✏️ Ejecutando la aplicación por primera vez:
1er) Paso (instalar todos los paquetes/dependencias de node.js):
npm install && npm install -g @ionic/cli@latest
2do) Paso (compilar en modo /development antes de ejecutar):
npm run build:mobile
3er) Paso (ejecutar la aplicación en el navegador en modo /development):
npm run build:mobile
4to) Ejecutar la aplicación en un dispositivo iOS:
npm run start:ios:live
Dispositivo Android:
npm run start:android:live
💖 Estado actual del UI: 💖
Contribuir para Ionic Dominicana puede implicar escribir TypeScript, Swift, Java/Kotlin y/o Markdown dependiendo del componente en el que esté trabajando. ¡Estamos buscando inmensa ayuda en cualquiera de estas áreas para forjar este proyecto para la Madre de Todas las Tierras 🌴!
Por favor, lea la guía Contributing para obtener más información.
