Migrando a Angular 10

Demo migrando una aplicación de Angular 7 a Angular 10

- npm i -g @angular/cli
- ng new temp
- Luego copias las dependencias a tu proyecto
- En tu proyecto: npm i
- ng serve
- Corriges los imports de módulos y listo

Transcript

1. Joe | 25/06/2020
   Angular
   6,7,8,9,10
   

   View Slide

2. View Slide

3. Angular
   Resumen
   • Escrito en TypeScript
   
   • Desarrollado por Google
   
   • Angular (versión 2+) liberado en Septiembre 2016
   
   • Google AdWords fue re-escrito en AngularJS
   

   View Slide

4. View Slide

5. View Slide

6. View Slide

7. View Slide

8. Angular 6
   Resumen
   • Liberado el 4 de mayo 2018
   
   • Angular Command Line Interface (CLI)
   
   • Component Development KIT (CDK)
   
   • Angular Material Package - TypeScript 2.7
   
   • Angular Element, Service Worker, Internacionalización (i18n),
   Compilador Bazel, ng-add, ng-update, Tree Shaking
   

   View Slide

9. View Slide

10. View Slide

11. Angular 7
    Resumen
    • Liberado en Octubre 2018
    
    • Cambios en Angular Material
    
    • CLI prompts
    
    • New ng-compiler
    
    • Angular Material CDK (Component Dev Kit) : Virtual scrolling, Drag & drop
    
    • Performance de la aplicación
    
    • Angular Do-Bootstrap
    
    • Router
    

    View Slide

12. View Slide

13. View Slide

14. Angular 8
    Resumen
    • Ivy rendering
    
    • Actualización del Core del Framework: Angular Material, CLI
    
    • Ivy Engine
    
    • Web Workers
    
    • Lazy Loading
    
    • Angular Firebase
    
    • Differential Loading
    
    • Opt-In usage sharing
    
    • Angular CLI Builders
    

    View Slide

15. View Slide

16. View Slide

17. Angular 9
    Resumen
    • Liberado el 7 Febrero 2020
    
    • Ivy Compiler
    
    • ng-update actualizado
    
    • API Extractor updates
    
    • New options for ‘providedIn’
    
    • Mejoras en el IDE y Servicios del lenguaje (Extensiones)
    
    • TypeScript 3.7
    
    • Componet Harness
    
    • The Phantom Template Variable Menace
    

    View Slide

18. View Slide

19. View Slide

20. Angular 10
    Resumen
    • Liberado el 24 de Junio
    
    • Framework, Angular Material y CLI
    
    • Nuevo Date Range Picker
    
    • Warnings About CommonJS imports
    
    • Optional Stricter Settings
    
    • TypeScript 3.9, TSLib 2.0, TSLint v6
    
    • New Default Browser Configuration (.browserslistrc)
    
    • Angular Team Fixit
    
    • Deprecations y removals (ESM5 or FESM5)
    
    • Deprecando soporte para IE 9, 10 e Internet Explorer Mobile
    

    View Slide

21. Update a versión 10
    https://update.angular.io/
    • ng update @angular/cli @angular/core
    

    View Slide

22. https://blog.angular.io/
    

    View Slide

23. Gracias
    JoeDayz.pe
    

    View Slide