From e2df47cd6858d4f3a6bda8d228ac8adee4170e43 Mon Sep 17 00:00:00 2001 From: kabrunko-dev Date: Mon, 19 Feb 2024 08:22:38 -0300 Subject: [PATCH] docs(pt): update challenge 8 text --- .../docs/pt/challenges/angular/8-pipe-pure.md | 25 ++++++++++++++----- 1 file changed, 19 insertions(+), 6 deletions(-) diff --git a/docs/src/content/docs/pt/challenges/angular/8-pipe-pure.md b/docs/src/content/docs/pt/challenges/angular/8-pipe-pure.md index e50d878..623eb0b 100644 --- a/docs/src/content/docs/pt/challenges/angular/8-pipe-pure.md +++ b/docs/src/content/docs/pt/challenges/angular/8-pipe-pure.md @@ -4,18 +4,31 @@ description: Desafio 8 é sobre criar um pipe puro author: thomas-laforge challengeNumber: 8 command: angular-pipe-easy -blogLink: https://medium.com/ngconf/deep-dive-into-angular-pipes-c040588cd15d +blogLink: https://medium.com/ngconf/deep-dive-into-angular-pipes-c40593cd15d sidebar: order: 3 --- -O objetivo desta série de 3 desafios de pipe é dominar **pipe** em Angular. - -Pipes puros são uma maneira útil de transformar dados do seu template. A diferença entre chamar uma função e um pipe é que pipes puros são cacheados (memoized). Por isso, eles não são recalculados em cada ciclo de detecção de mudanças se sua entrada não for alterada. - ## Informação -Neste primeiro exercício, você chama uma simples função dentro de seu template. O objetivo é convertê-la em um pipe. +Este é o primeiro de três desafios `@Pipe()`, sendo o objetivo dominar **pipes** em Angular. + +Pipes são uma maneira bem poderosa de transformar dados em seu template. A diferença entre chamar uma função e um pipe é que pipes puros são memoizados. Por isso, eles não são recalculados em cada ciclo de detecção de mudanças se suas entradas não mudarem. + +Pipes são eficientes e otimizados para performance. Eles usam mecanismos de detecção de mudanças para apenas recalcular o valor se sua entrada mudar, afim de minimizar cálculos desnecessários e melhorar a performance de renderização. + +Por padrão um pipe é puro, por isso você deve ter cuidado que ao configurar `pipe` como falso deixar mais propenso a ser ineficiente, uma vez que aumenta o número de renderizações. + +:::note[Nota] +Um pipe **puro** é chamado apenas quando o valor muda.\ +Um pipe **impuro** é chamado em cada ciclo da mudança de deteccção. +::: + +Há alguns pipes pré-definidos bem úteis como DatePipe, UpperCasePipe e CurrencyPipe. Para aprender mais sobre pipes em Angular, dê uma olhada na documentação da API [aqui](https://angular.io/guide/pipes). + +## Declaração + +Neste exercício, você precisa refatorar uma função de transformação dentro de um componente, o qual é chamado dentro de seu template. O objetivo é converter essa função em um pipe. ## Restrições