Keep alive your typescript definitions using Zod

Transcript

1. Keep alive your typescript definitions using Zod Luca Del Puppo
2. Who I am Luca Del Puppo 
 (aka Puppo) 
 Full-Stack Developer @ Flowing a Claranet Company 
 and Microsoft MVP @puppo92 
 https://www.linkedin.com/in/lucadelpuppo/ 
 luca@delpuppo.net
3. Typescript journey 1
4. 10 years ago
5. The developers reaction
6. interface CustomerModel { id: number; name: string; email: string; phone: string; } Interfaces
7. type CustomerModel = { id: number; name: string; email: string; phone: string; }; Types
8. HTTP Request
9. But after a while…
10. ➔ Typescript enables type check but on BUILT - TIME ➔ After the build all your types disappears ➔ After the build all your considerations about types dissolve Why?
11. Prevent ugly mistakes 2
12. Zod is your super hero
13. import { z } from ‘zod’; const CustomerSchema = z.object({ id: z.number(), name: z.string(), email: z.string(), phone: z.string(), }); Schema
14. import { TypeOf } from ‘zod'; type CustomerModel = TypeOf<typeof CustomerSchema>; Convert to type
15. const res = CustomerSchema.parse({ id: 1, name: 'John Doe', email: 'john@doe.com', phone: '555-555-5555' }); Parse method
16. ➔ Parse throws an Error ➔ ZodError is the right error to check ➔ ZodError contains all the issues that describe the errors Something wrong?
17. Do you hate exceptions? use safeParse
18. safeParse Success ➔ success: true ➔ data: Output Error ➔ success: false ➔ error: ZodError
19. Benefits of using Zod
20. Create a layer between your app and the outside V a l i d a t i o n HTTP socket.io
21. Demo 3
22. Conclusion 4
23. ➔ Typescript is awesome, but it’s good only on built time ➔ Create a validation layer between your app and the outside • Prevent execution of code with wrong data • You can get notifications if something is changed ➔ Using Zod, you can guarantee your types, both built-time and run-time Conclusion
24. CODE SLIDE
25. Thanks! That’s All! Luca Del Puppo @puppo92 
 https://www.linkedin.com/in/lucadelpuppo/ 
 luca@delpuppo.net