From 034d1c788cb09254902b5033f51c5eff0a013f07 Mon Sep 17 00:00:00 2001
From: kabrunko-dev <kabrunko.dev@gmail.com>
Date: Tue, 30 Jan 2024 15:29:34 -0300
Subject: [PATCH] docs(pt): translate challenge 43

---
 .../pt/challenges/angular/43-signal-input.md  | 52 +++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 docs/src/content/docs/pt/challenges/angular/43-signal-input.md

diff --git a/docs/src/content/docs/pt/challenges/angular/43-signal-input.md b/docs/src/content/docs/pt/challenges/angular/43-signal-input.md
new file mode 100644
index 0000000..e437404
--- /dev/null
+++ b/docs/src/content/docs/pt/challenges/angular/43-signal-input.md
@@ -0,0 +1,52 @@
+---
+title: 🟢 Signal Input
+description: Desafio 43 é sobre como usar signal inputs
+author: thomas-laforge
+challengeNumber: 43
+command: angular-signal-input
+sidebar:
+  order: 16
+  badge: New
+---
+
+## Informação
+
+Finalmente, o dia chegou quando o time Angular introduziu um input reativo. Essa funcionalidade bastante requisitada é esperada há anos. A versão 17.1 introduz `SignalInput`. Ao invés de utilizar o velho conhecido decorador `@Input`, agora você tem uma função que retorna um signal.
+
+```ts
+// jeito antigo
+@Input() age?: number;
+
+// novo jeito
+age = input<number>()
+```
+
+Se você quiser inputs obrigatórios
+
+```ts
+// jeito antigo
+@Input({required: true}) age!: number;
+
+// novo jeito
+age = input.required<number>()
+```
+
+Se você queria obter um signal de um input, você tinha que usar um setter para configurar seu signal a partir de um input.
+
+```ts
+// jeito antigo
+age = signal(0)
+@Input({alias: 'age'}) set _age(age: number){
+  this.age.set(age)
+};
+
+// novo jeito
+age = input<number>()
+```
+
+## Declaração
+
+Nesta pequena aplicação, o objetivo é refatorar o `UserComponent` para utilizar `SignalInput`.
+
+- Você tem inputs obrigatórios e opcionais.
+- Você pode usar a função `transform` para o input `age` e converter a propriedade diretamente para um número.