Tipos Genéricos em TypeScript: Boas práticas para escrever tipos fortes em seu código

Palestra apresentada durante o evento TDC Transformation, para a empresa Trybe demonstrando o uso de Tipos Genéricos, detalhando seus funcionamento e boas práticas para escrita de um código fortemente tipado.

Transcript

1. Tipos Genéricos em TypeScript Boas práticas para escrever tipos fortes em seu código 25 de Agosto de 2021
2. Introdução pessoal - Lucas Viana (a.k.a. Baú) - Caiçara - Desenvolvedor de Software na Trybe - Redes sociais: @mechamobau
4. >01. Definição O que são Tipos Genéricos? >03. Exemplos Exemplos de aplicação em TypeScript; Agenda >02. Sintaxe Como e quando utilizá-los? >04. Boas práticas Equilibrando flexibilidade e rigidez em seus tipos.
5. 01. Definição O que são Tipos Genéricos?
6. Definição O que são Tipos? O TypeScript é um superset do JavaScript. No TypeScript, uma das formas mais conhecidas para se declarar tipos é através de type alias, onde utilizamos a palavra-chave type seguida do nome de nosso tipo.
7. Definição O que são Tipos? O TypeScript é um superset do JavaScript. No TypeScript, uma das formas mais conhecidas para se declarar tipos é através de type alias, onde utilizamos a palavra-chave type seguida do nome de nosso tipo.
8. Definição O que são Tipos? Tipos primitivos Tipos estruturados
9. Definição O que são Tipos? Tipos Genéricos são tipos parametrizáveis, tornando as entidades declaradas flexíveis a novos tipos sem alterar seu funcionamento. Exemplos de uso de Tipos Genéricos são em Requests a APIs, manipulação de estado e etc.
10. Exemplo de aplicação: Filas
11. Exemplo de aplicação: Filas Em uma fila o primeiro item que entrou nesse conjunto também será o primeiro a sair (FIFO). Com isto o início da fila fica onde está a última pessoa a sair.
12. Exemplo de aplicação: Filas
13. Exemplo de aplicação: Filas
14. Exemplo de aplicação: Filas
15. Exemplo de aplicação: Filas
16. Exemplo de aplicação: Filas
17. 02. Sintaxe Como e quando utilizá-los?
18. Sintaxe Como utilizá-los? Os Tipos Genéricos são declarados em volta de setas ("<>"), onde recebem suas declarações de nome podendo ser utilizadas dentro de sua estrutura.
19. Sintaxe Como utilizá-los?
20. Sintaxe Como utilizá-los?
21. Sintaxe Como utilizá-los?
22. Sintaxe Como utilizá-los?
23. Sintaxe Como utilizá-los?
24. Sintaxe Como utilizá-los?
25. Sintaxe Como utilizá-los?
26. Sintaxe Como utilizá-los?
27. Recapitulando...
28. Recapitulando... 1. Vimos como utilizar os Tipos Genéricos em nosso código. 2. Vimos o porquê de utilizar os Tipos Genéricos em nossas estruturas
29. Recapitulando...
30. Constraints e Default Types
31. Constraints e Default Types
32. Constraints e Default Types
33. "Você poderia simplesmente ter declarado Array<Person>, certo?"
34. Constraints e Default Types
35. Constraints e Default Types
36. 03. Exemplos
37. Utility Types
38. Utility Types
39. Utility Types Required
40. Utility Types Required
41. Utility Types Readonly
42. Utility Types Readonly
43. Utility Types Pick
44. Utility Types Pick
45. Utility Types Record
46. Utility Types Record
47. Utility Types Record
48. Tipos Genéricos “intrínsecos”
49. Tipos Genéricos Intrínsecos A partir da versão 4.1, os Tipos Genéricos "Intrísecos" possibilitam a manipulação de strings em nossos tipos através dos Tipos Genéricos: • Uppercase • Lowercase • Capitalize • Uncapitalize
50. Tipos Genéricos Intrínsecos
51. Tipos Genéricos Intrínsecos
52. Tipos Genéricos Intrínsecos
53. Tipos Genéricos Intrínsecos
54. Bibliotecas externas
55. Bibliotecas externas
56. Bibliotecas externas Reverse
57. Bibliotecas externas Reverse
58. Bibliotecas externas Update
59. Bibliotecas externas Lista de bibliotecas interessantes: • sindresorhus/type-fest • type-challenges/type-challenges • krzkaczor/ts-essentials • piotrwitek/utility-types • unional/type-plus • remeda/remeda
60. Exemplos TypeScript é Turing Complete
61. 04. Boas práticas Equilibrando flexibilidade e rigidez em seus tipos
62. Nomenclatura
63. Boas práticas Nomenclatura
64. Boas práticas Nomenclatura • E = Elementos. • K = Chaves. • N = Números. • T - Tipos • V - Valores. • S - Estado.
65. Constraints
66. Boas práticas Constraints
67. T extends object
68. Boas práticas T extends object
69. Boas práticas T extends object
70. Boas práticas T extends object
71. Boas práticas T extends object
72. T extends {}
73. Boas práticas T extends {}
74. Boas práticas T extends {}
75. Boas práticas T extends {}
76. Boas práticas T extends {}
78. betrybe.com