$30 off During Our Annual Pro Sale. View Details »

Migrando a Angular 10

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

José Díaz

June 26, 2020
Tweet

More Decks by José Díaz

Other Decks in Technology

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