Atualizando projetos para Angular v6

Loiane Groner

Loiane Groner

Angular

v2, v4, v5, v6, v7, v8...

https://update.angular.io

Atualizar

Angular CLI

#1

Executar

ng update

#2

Atualizar

RxJS

#3

Imports RxJS

import { Subject } from 'rxjs/Subject';
import { BehaviorSubject } from 'rxjs/BehaviorSubject';
import { Observable } from 'rxjs/Observable';
import { of } from 'rxjs/observable/of;'

Antes

import 'rxjs/add/observable/of';	
import 'rxjs/add/operator/catch';	
import 'rxjs/add/operator/do';	
import 'rxjs/add/operator/map';	
import 'rxjs/add/operator/mergeMap';	
import 'rxjs/add/operator/switchMap';

Depois

Imports RxJS: Operadores

import 'rxjs/add/observable/of';	
import 'rxjs/add/operator/catch';	
import 'rxjs/add/operator/do';	
import 'rxjs/add/operator/map';	
import 'rxjs/add/operator/mergeMap';	
import 'rxjs/add/operator/switchMap';

Antes

import { of } from 'rxjs';
import { map, switchMap, catchError, mergeMap } from 'rxjs/operators';

Depois

Operadores que foram renomeados

do -> tap
catch -> catchError
switch -> switchAll
finally -> finalize

Depois

Como Usar: pipeable operators

this.http.get('url')
  .do(console.log)
  .map(results => results.data)
  .subscribe(results => {
    console.log('Resultados', results);
  });

Antes

this.http.get('url')
  .pipe(
    tap(console.log), // antigo operador 'do'
    map(results => results.data)
  )
  .subscribe(results => {
    console.log('Resultados', results);
  });

Depois

Post completo:

Obrigada!

Atualizando projetos para Angular v6

By Loiane Groner

Atualizando projetos para Angular v6

O Angular v6 foi lançado em maio 2018 e agora podemos nos concentrar em atualizar nossos projetos para a nova versão. Nestes slides estão documentados os passos para atualizar projetos da v5 para a v6. Algumas dicas e principais diferenças entre os projetos criados com v5 e v6 também estão incluídas. Slides usados para webinar gravado no Youtube

  • 1,170