Zod: Levando a validação de dados a um novo nível.

Typescript vem se tornando um padrão pra qualquer projeto bem estruturado hoje em dia, as validações de dados tem caído no gosto das pessoas desenvolvedoras e com o Zod nós levamos isso a um novo nível, ele é um validador de dados baseado em schema que vai facilitar a sua vida.

Transcript

1. @gefymarcos Zod Levando a validação de dados a um novo nível.
2. @gefymarcos Zod Levando a validação de dados a um novo nível.
3. @gefymarcos Por que a validação de dados é importante?
4. @gefymarcos • Garantir o tipo de um dado. Por que a validação de dados é importante?
5. @gefymarcos • Garantir o tipo de um dado. • Garantir que campos obrigatórios sejam preenchidos. Por que a validação de dados é importante?
6. @gefymarcos • Garantir o tipo de um dado. • Garantir que campos obrigatórios sejam preenchidos. • Verificar se todos os formatos estão corretos. Por que a validação de dados é importante?
7. @gefymarcos • Garantir o tipo de um dado. • Garantir que campos obrigatórios sejam preenchidos. • Verificar se todos os formatos estão corretos. • Limitar faixa de valores. Por que a validação de dados é importante?
8. @gefymarcos • Garantir o tipo de um dado. • Garantir que campos obrigatórios sejam preenchidos. • Verificar se todos os formatos estão corretos. • Limitar faixa de valores. • Garantir a integridade dos modelos de dados. Por que a validação de dados é importante?
9. @gefymarcos • Biblioteca Javascript que simplifica a validação de dados. O que é Zod?
10. @gefymarcos • Definição de esquema de validação declarativo. • Validação condicional. • Composição de esquemas. • Personalização de mensagens de erros. Principais recursos • Definição de esquema de validação declarativo.
11. @gefymarcos • Definição de esquema de validação declarativo. • Validação condicional. • Composição de esquemas. • Personalização de mensagens de erros. Principais recursos • Validação condicional.
12. @gefymarcos • Definição de esquema de validação declarativo. • Validação condicional. • Composição de esquemas. • Personalização de mensagens de erros. Principais recursos • Composição de esquemas.
13. @gefymarcos • Definição de esquema de validação declarativo. • Validação condicional. • Composição de esquemas. • Personalização de mensagens de erros. Principais recursos • Personalização de mensagens de erros.
14. @gefymarcos Além disso
15. @gefymarcos • Zero Dependências; Além disso
16. @gefymarcos • Zero Dependências; • 8kb; Além disso
17. @gefymarcos • Zero Dependências; • 8kb; • Imutável; Além disso
18. @gefymarcos • Zero Dependências; • 8kb; • Imutável; • Typescript; Além disso
19. @gefymarcos • Zero Dependências; • 8kb; • Imutável; • Typescript; • Funcional; Além disso
20. @gefymarcos Instalando npm install zod
21. @gefymarcos Importando o módulo import { z } from "zod";
22. @gefymarcos Esquema de validação const stringSchema = z.string(); const numberSchema = z.number(); const booleanSchema = z.boolean();
23. @gefymarcos Validação de strings import { z } from "zod"; const exampleSchema = z.string().min(5).max(10);
24. @gefymarcos Validação de strings import { z } from "zod"; const exampleSchema = z.string().min(5).max(10);
25. @gefymarcos Validação de strings import { z } from "zod"; exampleSchema.parse("Hello"); const exampleSchema = z.string().min(5).max(10);
26. @gefymarcos Validação de strings import { z } from "zod"; exampleSchema.parse("Hello"); ✅ => Hello const exampleSchema = z.string().min(5).max(10);
27. @gefymarcos Validação de strings import { z } from "zod"; exampleSchema.parse("Hello"); exampleSchema.parse("Hi"); ✅ => Hello const exampleSchema = z.string().min(5).max(10);
28. @gefymarcos Validação de strings import { z } from "zod"; exampleSchema.parse("Hello"); exampleSchema.parse("Hi"); ✅ => Hello ⛔ => Input is too short const exampleSchema = z.string().min(5).max(10);
29. @gefymarcos Validação de strings import { z } from "zod"; exampleSchema.parse("Hello"); exampleSchema.parse("Hi"); exampleSchema.parse(“Hello hello”); ✅ => Hello ⛔ => Input is too short const exampleSchema = z.string().min(5).max(10);
30. @gefymarcos Validação de strings import { z } from "zod"; exampleSchema.parse("Hello"); exampleSchema.parse("Hi"); exampleSchema.parse(“Hello hello”); ✅ => Hello ⛔ => Input is too short ⛔ => Input is too long const exampleSchema = z.string().min(5).max(10);
31. @gefymarcos Validação de numbers import { z } from "zod"; const exampleSchema = z.number().positive();
32. @gefymarcos import { z } from "zod"; Validação de numbers const exampleSchema = z.number().positive();
33. @gefymarcos import { z } from "zod"; Validação de numbers exampleSchema.parse(42); const exampleSchema = z.number().positive();
34. @gefymarcos import { z } from "zod"; Validação de numbers exampleSchema.parse(42); ✅ => 42 const exampleSchema = z.number().positive();
35. @gefymarcos import { z } from "zod"; Validação de numbers exampleSchema.parse(42); exampleSchema.parse(-10); ✅ => 42 const exampleSchema = z.number().positive();
36. @gefymarcos import { z } from "zod"; Validação de numbers exampleSchema.parse(42); exampleSchema.parse(-10); ✅ => 42 ⛔ => Input must be a positive number const exampleSchema = z.number().positive();
37. @gefymarcos const exampleSchema = z.object({ name: z.string(), age: z.number().min(18) }); import { z } from "zod"; Validação de objetos
38. @gefymarcos import { z } from "zod"; const exampleSchema = z.object({ name: z.string(), age: z.number().min(18) }); Validação de objetos
39. @gefymarcos import { z } from "zod"; const exampleSchema = z.object({ name: z.string(), age: z.number().min(18) }); Validação de objetos exampleSchema.parse({ name: “Gefy”, age: 30 });
40. @gefymarcos import { z } from "zod"; const exampleSchema = z.object({ name: z.string(), age: z.number().min(18) }); Validação de objetos exampleSchema.parse({ name: “Gefy”, age: 30 }); ✅ => { name: “Gefy”, age: 30 }
41. @gefymarcos import { z } from "zod"; const exampleSchema = z.object({ name: z.string(), age: z.number().min(18) }); Validação de objetos exampleSchema.parse({ name: “Gefy”, age: 30 }); ✅ => { name: “Gefy”, age: 30 }
42. @gefymarcos import { z } from "zod"; const exampleSchema = z.object({ name: z.string(), age: z.number().min(18) }); Validação de objetos exampleSchema.parse({ name: “Gefy”, age: 30 }); ✅ => { name: “Gefy”, age: 30 }
43. @gefymarcos import { z } from "zod"; const exampleSchema = z.object({ name: z.string(), age: z.number().min(18) }); Validação de objetos exampleSchema.parse({ name: “Gefy”, age: 30 }); exampleSchema.parse({ name: “Gefy”, age: 15 }); ✅ => { name: “Gefy”, age: 30 }
44. @gefymarcos import { z } from "zod"; const exampleSchema = z.object({ name: z.string(), age: z.number().min(18) }); Validação de objetos exampleSchema.parse({ name: “Gefy”, age: 30 }); exampleSchema.parse({ name: “Gefy”, age: 15 }); ✅ => { name: “Gefy”, age: 30 } ⛔ => Input.age should be greater than or equal to 18
45. @gefymarcos import { z } from "zod"; const exampleSchema = z.object({ name: z.string(), age: z.number().min(18) }); Validação de objetos exampleSchema.parse({ name: “Gefy”, age: 30 }); exampleSchema.parse({ name: “Gefy”, age: 15 }); ✅ => { name: “Gefy”, age: 30 } ⛔ => Input.age should be greater than or equal to 18
46. @gefymarcos import { z } from "zod"; const exampleSchema = z.array(z.number().positive()); Validação de arrays
47. @gefymarcos import { z } from "zod"; const exampleSchema = z.array(z.number().positive()); Validação de arrays
48. @gefymarcos import { z } from "zod"; const exampleSchema = z.array(z.number().positive()); Validação de arrays exampleSchema.parse([1, 2, 3]);
49. @gefymarcos import { z } from "zod"; const exampleSchema = z.array(z.number().positive()); Validação de arrays exampleSchema.parse([1, 2, 3]); ✅ => [1, 2, 3]
50. @gefymarcos import { z } from "zod"; const exampleSchema = z.array(z.number().positive()); Validação de arrays exampleSchema.parse([1, 2, 3]); ✅ => [1, 2, 3]
51. @gefymarcos import { z } from "zod"; const exampleSchema = z.array(z.number().positive()); Validação de arrays exampleSchema.parse([1, 2, 3]); ✅ => [1, 2, 3]
52. @gefymarcos import { z } from "zod"; const exampleSchema = z.array(z.number().positive()); Validação de arrays exampleSchema.parse([1, 2, 3]); exampleSchema.parse([-1, 2, 3]); ✅ => [1, 2, 3]
53. @gefymarcos import { z } from "zod"; const exampleSchema = z.array(z.number().positive()); Validação de arrays exampleSchema.parse([1, 2, 3]); exampleSchema.parse([-1, 2, 3]); ✅ => [1, 2, 3] ⛔ => Input[0] must be a positive number
54. @gefymarcos import { z } from "zod"; const exampleSchema = z.array(z.number().positive()); Validação de arrays exampleSchema.parse([1, 2, 3]); exampleSchema.parse([-1, 2, 3]); ✅ => [1, 2, 3] ⛔ => Input[0] must be a positive number
55. @gefymarcos const exampleSchema = z.object({ userType: z.enum(["admin", “user”]), admField: z.string(), }) Validação condicional
56. @gefymarcos const exampleSchema = z.object({ userType: z.enum(["admin", “user”]), admField: z.string(), }) .refine( Validação condicional
57. @gefymarcos const exampleSchema = z.object({ userType: z.enum(["admin", “user”]), admField: z.string(), }) .refine( (data) => data.userType === “admin”, { Validação condicional
58. @gefymarcos const exampleSchema = z.object({ userType: z.enum(["admin", “user”]), admField: z.string(), }) .refine( (data) = path: [“admField”] Validação condicional
59. @gefymarcos const exampleSchema = z.object({ userType: z.enum(["admin", “user”]), admField: z.string(), }) .refine( (data) = path: [“admField”] }) Validação condicional
60. @gefymarcos const exampleSchema = z.object({ userType: z.enum(["admin", “user”]), admField: z.string(), }) .refine( (data) = path: [“admField”] }) }); Validação condicional
61. @gefymarcos Validação condicional const exampleSchema = z.object({ userType: z.enum(["admin", “user”]), admField: z.string(), }) .refine( (data) path: [“admField”] }) });
62. @gefymarcos exampleSchema.parse({ userType: “admin”, admField: “yes" }); Validação condicional const exampleSchema = z.object({ userType: z.enum(["admin", “user”]), admField: z.string(), }) .refine( (data) path: [“admField”] }) });
63. @gefymarcos exampleSchema.parse({ userType: “admin”, admField: “yes" }); Validação condicional ✅ => { userType: "admin", admField: “yes" } const exampleSchema = z.object({ userType: z.enum(["admin", “user”]), admField: z.string(), }) .refine( (data) path: [“admField”] }) });
64. @gefymarcos exampleSchema.parse({ userType: “admin”, admField: “yes" }); Validação condicional ✅ => { userType: "admin", admField: “yes" } const exampleSchema = z.object({ userType: z.enum(["admin", “user”]), admField: z.string(), }) .refine( (data) path: [“admField”] }) });
65. @gefymarcos exampleSchema.parse({ userType: “admin”, admField: “yes" }); Validação condicional ✅ => { userType: "admin", admField: “yes" } const exampleSchema = z.object({ userType: z.enum(["admin", “user”]), admField: z.string(), }) .refine( (data) path: [“admField”] }) });
66. @gefymarcos exampleSchema.parse({ userType: “admin”, admField: “yes" }); exampleSchema.parse({ userType: “admin”, admField: “no” }); Validação condicional ✅ => { userType: "admin", admField: “yes" } const exampleSchema = z.object({ userType: z.enum(["admin", “user”]), admField: z.string(), }) .refine( (data) path: [“admField”] }) });
67. @gefymarcos exampleSchema.parse({ userType: “admin”, admField: “yes" }); exampleSchema.parse({ userType: “admin”, admField: “no” }); Validação condicional ✅ => { userType: "admin", admField: “yes" } ⛔ => Invalid input const exampleSchema = z.object({ userType: z.enum(["admin", “user”]), admField: z.string(), }) .refine( (data) path: [“admField”] }) });
68. @gefymarcos Composição de esquemas const nameSchema = z.string().min(5).max(10); const ageSchema = z.number().min(18);
69. @gefymarcos Composição de esquemas const userSchema = z.object({ name: nameSchema, age: ageSchema }); const nameSchema = z.string().min(5).max(10); const ageSchema = z.number().min(18);
70. @gefymarcos const userSchema = z.object({ name: nameSchema, age: ageSchema }); Composição de esquemas const nameSchema = z.string().min(5).max(10); const ageSchema = z.number().min(18);
71. @gefymarcos const userSchema = z.object({ name: nameSchema, age: ageSchema }); Composição de esquemas userSchema.parse({ name: “Gefy”, age: 30 }); const nameSchema = z.string().min(5).max(10); const ageSchema = z.number().min(18);
72. @gefymarcos const userSchema = z.object({ name: nameSchema, age: ageSchema }); Composição de esquemas userSchema.parse({ name: “Gefy”, age: 30 }); ✅ => { name: "Gefy", age: 30 } const nameSchema = z.string().min(5).max(10); const ageSchema = z.number().min(18);
73. @gefymarcos const userSchema = z.object({ name: nameSchema, age: ageSchema }); Composição de esquemas userSchema.parse({ name: “Gefy”, age: 30 }); ✅ => { name: "Gefy", age: 30 } const nameSchema = z.string().min(5).max(10); const ageSchema = z.number().min(18);
74. @gefymarcos const userSchema = z.object({ name: nameSchema, age: ageSchema }); Composição de esquemas userSchema.parse({ name: “Gefy”, age: 30 }); ✅ => { name: "Gefy", age: 30 } const nameSchema = z.string().min(5).max(10); const ageSchema = z.number().min(18);
75. @gefymarcos const userSchema = z.object({ name: nameSchema, age: ageSchema }); Composição de esquemas userSchema.parse({ name: “Gefy”, age: 30 }); userSchema.parse({ name: “Gefy”, age: 15 }); ✅ => { name: "Gefy", age: 30 } const nameSchema = z.string().min(5).max(10); const ageSchema = z.number().min(18);
76. @gefymarcos const userSchema = z.object({ name: nameSchema, age: ageSchema }); Composição de esquemas userSchema.parse({ name: “Gefy”, age: 30 }); userSchema.parse({ name: “Gefy”, age: 15 }); ✅ => { name: "Gefy", age: 30 } ⛔ => Input.age should be greater than or equal to 18 const nameSchema = z.string().min(5).max(10); const ageSchema = z.number().min(18);
77. @gefymarcos const userSchema = z.object({ name: nameSchema, age: ageSchema }); Composição de esquemas userSchema.parse({ name: “Gefy”, age: 30 }); userSchema.parse({ name: “Gefy”, age: 15 }); ✅ => { name: "Gefy", age: 30 } ⛔ => Input.age should be greater than or equal to 18 const nameSchema = z.string().min(5).max(10); const ageSchema = z.number().min(18);
78. @gefymarcos const userSchema = z.object({ name: nameSchema, age: ageSchema }); Composição de esquemas userSchema.parse({ name: “Gefy”, age: 30 }); userSchema.parse({ name: “Gefy”, age: 15 }); ✅ => { name: "Gefy", age: 30 } ⛔ => Input.age should be greater than or equal to 18 const nameSchema = z.string().min(5).max(10); const ageSchema = z.number().min(18);
79. @gefymarcos const userSchema = z.object({ name: nameSchema, age: ageSchema }); Composição de esquemas userSchema.parse({ name: “Gefy”, age: 30 }); userSchema.parse({ name: “Gefy”, age: 15 }); userSchema.parse({ name: “Gefy” }); ✅ => { name: "Gefy", age: 30 } ⛔ => Input.age should be greater than or equal to 18 const nameSchema = z.string().min(5).max(10); const ageSchema = z.number().min(18);
80. @gefymarcos const userSchema = z.object({ name: nameSchema, age: ageSchema }); Composição de esquemas userSchema.parse({ name: “Gefy”, age: 30 }); userSchema.parse({ name: “Gefy”, age: 15 }); userSchema.parse({ name: “Gefy” }); ✅ => { name: "Gefy", age: 30 } ⛔ => Input.age should be greater than or equal to 18 ⛔ => Input must have required property 'age' const nameSchema = z.string().min(5).max(10); const ageSchema = z.number().min(18);
81. @gefymarcos import { z } from "zod"; const exampleSchema = z.object({ name: z.string().min(3, "Nome curto demais"), age: z.number().min(18, “Idade precisa ser maior que 18”) }); Mensagens personalizadas
82. @gefymarcos import { z } from "zod"; Mensagens personalizadas const exampleSchema = z.object({ name: z.string().min(3, "Nome curto demais"), age: z.number().min(18, “Idade precisa ser maior que 18”) });
83. @gefymarcos try { exampleSchema.parse({ name: “Ge”, age: 15 }); } catch { } import { z } from "zod"; Mensagens personalizadas const exampleSchema = z.object({ name: z.string().min(3, "Nome curto demais"), age: z.number().min(18, “Idade precisa ser maior que 18”) });
84. @gefymarcos try { exampleSchema.parse({ name: “Ge”, age: 15 }); } catch { } import { z } from "zod"; Mensagens personalizadas console.log(error.issues[0].message); const exampleSchema = z.object({ name: z.string().min(3, "Nome curto demais"), age: z.number().min(18, “Idade precisa ser maior que 18”) });
85. @gefymarcos try { exampleSchema.parse({ name: “Ge”, age: 15 }); } catch { } import { z } from "zod"; Mensagens personalizadas ⛔ => Nome curto demais console.log(error.issues[0].message); const exampleSchema = z.object({ name: z.string().min(3, "Nome curto demais"), age: z.number().min(18, “Idade precisa ser maior que 18”) });
86. @gefymarcos try { exampleSchema.parse({ name: “Ge”, age: 15 }); } catch { } import { z } from "zod"; Mensagens personalizadas ⛔ => Nome curto demais console.log(error.issues[1].message); console.log(error.issues[0].message); const exampleSchema = z.object({ name: z.string().min(3, "Nome curto demais"), age: z.number().min(18, “Idade precisa ser maior que 18”) });
87. @gefymarcos try { exampleSchema.parse({ name: “Ge”, age: 15 }); } catch { } import { z } from "zod"; Mensagens personalizadas ⛔ => Nome curto demais ⛔ => Idade precisa ser maior que 18 console.log(error.issues[1].message); console.log(error.issues[0].message); const exampleSchema = z.object({ name: z.string().min(3, "Nome curto demais"), age: z.number().min(18, “Idade precisa ser maior que 18”) });
88. @gefymarcos import { z } from "zod"; Validação de objetos aninhados const addressSchema = z.object({ street: z.string(), city: z.string() }); const exampleSchema = z.object({ name: z.string(), age: z.number(), address: addressSchema });
89. @gefymarcos Validação de objetos aninhados import { z } from "zod"; const addressSchema = z.object({ street: z.string(), city: z.string() }); const exampleSchema = z.object({ name: z.string(), age: z.number(), address: addressSchema });
90. @gefymarcos import { z } from "zod"; const userSchema = z.object({ username: z.string().min(6).trim().toLowerCase(), email: z.string().email(), age: z.number().positive(), }); Typescript infer ❤ type User = z.infer<typeof userSchema>;
91. @gefymarcos import { z } from "zod"; const userSchema = z.object({ username: z.string().min(6).trim().toLowerCase(), email: z.string().email(), age: z.number().positive(), }); Typescript infer ❤ type User = z.infer<typeof userSchema>;
92. @gefymarcos const userSchema = z.object({ username: z.string().min(6).trim().toLowerCase(), email: z.string().email(), age: z.number().positive(), }); import { z } from "zod"; Typescript infer ❤ type User = z.infer<typeof userSchema>; const validUser: User = { name: "gefymarcos", email: "eu@gefymarcos.com.br", age: 30, };
93. @gefymarcos Validação específica import { z } from "zod";
94. @gefymarcos Validação específica const exampleSchema = z.object({ import { z } from "zod";
95. @gefymarcos Validação específica const exampleSchema = z.object({ email: z.string().email(), import { z } from "zod";
96. @gefymarcos Validação específica const exampleSchema = z.object({ email: z.string().email(), url: z.string().url(), import { z } from "zod";
97. @gefymarcos Validação específica const exampleSchema = z.object({ email: z.string().email(), url: z.string().url(), ip: z.string().ip(), import { z } from "zod";
98. @gefymarcos Validação específica const exampleSchema = z.object({ email: z.string().email(), url: z.string().url(), ip: z.string().ip(), positiveNumber: z.number().positive(), import { z } from "zod";
99. @gefymarcos Validação específica const exampleSchema = z.object({ email: z.string().email(), url: z.string().url(), ip: z.string().ip(), positiveNumber: z.number().positive(), nonnegativeNumber: z.number().nonnegative(), import { z } from "zod";
100. @gefymarcos Validação específica const exampleSchema = z.object({ email: z.string().email(), url: z.string().url(), ip: z.string().ip(), positiveNumber: z.number().positive(), nonnegativeNumber: z.number().nonnegative(), regex: z.string().regex(regex) import { z } from "zod";
101. @gefymarcos Validação específica const exampleSchema = z.object({ email: z.string().email(), url: z.string().url(), ip: z.string().ip(), positiveNumber: z.number().positive(), nonnegativeNumber: z.number().nonnegative(), regex: z.string().regex(regex) }); import { z } from "zod";
102. @gefymarcos Validações assíncronas const cepSchema = z.string().refine((cep) => validaCep(cep), { message: "CEP Inválido" }); cepSchema.parseAsync(“88790000"); import { z } from "zod";
103. @gefymarcos Exemplos práticos
104. @gefymarcos zod.dev
105. @gefymarcos Ecosistema
106. @gefymarcos API libraries
107. @gefymarcos • tRPC: APIs typesafe de ponta a ponta; API libraries
108. @gefymarcos • tRPC: APIs typesafe de ponta a ponta; • @anatine/zod-nestjs: Integração com o NestJS. API libraries
109. @gefymarcos Form integrations
110. @gefymarcos • react-hook-form: Tem resolver oficial; Form integrations
111. @gefymarcos • react-hook-form: Tem resolver oficial; • zod-formik-adapter: Adapter para formik. Form integrations
112. @gefymarcos Zod-to-X
113. @gefymarcos • zod-to-ts: Converter os schemas em Typescript; Zod-to-X
114. @gefymarcos • zod-to-ts: Converter os schemas em Typescript; • zod-to-json-schema: Converter os schemas em JSON; Zod-to-X
115. @gefymarcos • zod-to-ts: Converter os schemas em Typescript; • zod-to-json-schema: Converter os schemas em JSON; • zod-to-openapi: Converter os schemas para OpenAPI; Zod-to-X
116. @gefymarcos X-to-Zod
117. @gefymarcos • ts-to-zod: Converte os tipos do TS em Zod Schemas; X-to-Zod
118. @gefymarcos • ts-to-zod: Converte os tipos do TS em Zod Schemas; • json-schema-to-zod: Converte JSON em Zod Schemas; X-to-Zod
119. @gefymarcos • ts-to-zod: Converte os tipos do TS em Zod Schemas; • json-schema-to-zod: Converte JSON em Zod Schemas; • graphql-codegen-typescript-validation-schema: Cria Zod Schemas baseados no Types do Graphql. X-to-Zod
120. @gefymarcos Outras
121. @gefymarcos • @anatine/zod-mock: Transforma os schemas em Mocks; Outras
122. @gefymarcos • @anatine/zod-mock: Transforma os schemas em Mocks; • slonik: Client Postgres para Node.js usando Zod; Outras
123. @gefymarcos • @anatine/zod-mock: Transforma os schemas em Mocks; • slonik: Client Postgres para Node.js usando Zod; • soly: Criar aplicações CLI com Zod. Outras
124. @gefymarcos Recap
125. @gefymarcos • Qual a importância da validação de dados; Recap
126. @gefymarcos • Qual a importância da validação de dados; • O que é o Zod; Recap
127. @gefymarcos • Qual a importância da validação de dados; • O que é o Zod; • Exemplos de código validando diferentes tipos de dados; Recap
128. @gefymarcos • Qual a importância da validação de dados; • O que é o Zod; • Exemplos de código validando diferentes tipos de dados; • Recursos avançados; Recap
129. @gefymarcos • Qual a importância da validação de dados; • O que é o Zod; • Exemplos de código validando diferentes tipos de dados; • Recursos avançados; • Integração com Frontend e Backend; Recap
130. @gefymarcos • Qual a importância da validação de dados; • O que é o Zod; • Exemplos de código validando diferentes tipos de dados; • Recursos avançados; • Integração com Frontend e Backend; • Boas práticas de validação. Recap
131. @gefymarcos Founder @ code4tuba GEFY GEFFERSON MARCOS Tech Lead Frontend @ StudioSol gefymarcos.com.br
133. @gefymarcos Obrigado gefymarcos.com.br
134. @gefymarcos • https: / / github.com/colinhacks/zod • https: / / zod.dev/ • https: / / www.totaltypescript.com/tutorials/zod Links importantes