El Potencial de los Tipos de Mayor Orden para la Semántica de Bibliotecas

Rate this content
Bookmark

Hay un obstáculo con el que todos nos encontramos al desarrollar tipos más sofisticados: ¿cómo puedo 'abstraer' ciertas similitudes en mi lógica a nivel de tipos? ¿Cómo puedo hacer que mis tipos sean más reutilizables y componibles? ¿Cómo puedo hacer que mis tipos sean más expresivos?

Esta charla presentará los fundamentos de los Tipos de Mayor Orden, un concepto convincente hasta ahora subutilizado, y explorará cómo pueden mejorar significativamente la expresividad de la semántica de las bibliotecas, lo que conduce a una experiencia de desarrollo más intuitiva (DX). Demostraremos cómo los Tipos de Mayor Orden pueden proporcionar un nivel de abstracción elevado, lo que le permite modelar problemas de dominio complejos de manera más natural y de forma segura en cuanto a tipos.

Acompáñenos para comprender cómo aprovechar los Tipos de Mayor Orden puede elevar su práctica de codificación en TypeScript, optimizando la semántica y ofreciendo una interfaz de biblioteca más potente y completa.

This talk has been presented at TypeScript Congress 2023, check out the latest edition of this JavaScript Conference.

FAQ

Michael Potit es un gerente de ingeniería en Volley, con pasión por la programación a nivel de tipos. Ha creado HKT Toolbelt y discutió el uso y el potencial de los Higher Kinda Types para mejorar la semántica de las bibliotecas en TypeScript durante el Congreso de TypeScript 2023.

Los Higher Kinda Types permiten una mejor inferencia de tipos en TypeScript, lo que reduce la necesidad de declaraciones de tipos explícitas y mejora la componibilidad y flexibilidad en la programación de tipos.

Los HKTs utilizan una semántica funcional para componer tipos, permitiendo operaciones a nivel de tipos que facilitan que el sistema infiera detalles más precisos sobre las estructuras de datos y sus transformaciones, como se observó en el ejemplo de uso con la función 'map' y 'capitalize'.

En TypeScript, un 'kind' es un tipo asociado con un constructor de tipos. Los kinds más simples son 'star', que son los tipos base, y 'star a star', que son tipos genéricos de aridad uno. Los Higher Kinda Types buscan extender estas capacidades para abarcar tipos más complejos.

La 'ratificación de kind' es un proceso que transforma un Higher Kind of Type en una interfaz callable, permitiendo la creación de funciones que se comportan como HKTs y facilitan la inferencia de tipos y la composición de operaciones.

Usar Higher Kinda Types en la programación permite crear utilidades funcionales componibles con inferencia de tipos inteligente, mejorando la claridad del código, la reducción de errores y la eficiencia en el desarrollo.

Michael Poteat
Michael Poteat
8 min
21 Sep, 2023

Comments

Sign in or register to post your comment.

Video Summary and Transcription

La charla analiza el potencial de los tipos de mayor orden (HKTs) para la semántica de bibliotecas, permitiendo una mejor inferencia y operaciones a nivel de tipos. Explica cómo se pueden crear HKTs en TypeScript aprovechando los tipos de función como una función de los atributos del objeto. Esto permite la creación de utilidades funcionales componibles con inferencia de tipos inteligente y una interfaz de encadenamiento que calcula resultados a nivel de tipos. En general, la charla destaca los beneficios y posibilidades de utilizar HKTs en el desarrollo de software.

1. Introducción a los Higher Kinda Types

Short description:

Estoy emocionado de hablar sobre el potencial de los Higher Kinda Types para la semántica de las bibliotecas hoy. Los HKTs hacen posible una mejor inferencia. Podemos usar los HKTs para representar operaciones a nivel de tipos y componer tipos juntos utilizando semántica funcional. Los Higher Kinda Types son tipos asociados con un constructor de tipos. Queremos escribir código que aplique una operación a un mapa y luego la aplique a un array, extrayendo la lógica intrínseca de iterar sobre un array y aplicar una transformación a cada elemento.

¡Hola a todos! Estoy emocionado de hablar sobre el potencial de los Higher Kinda Types para la semántica de las bibliotecas hoy, como parte de la charla relámpago del Congreso de TypeScript 2023. Primero, un poco sobre mí. Mi nombre es Michael Potit. Soy gerente de ingeniería en Volley, donde estamos creando el futuro del entretenimiento habilitado para voz. Tengo pasión por la programación a nivel de tipos. He creado HKT Toolbelt, del cual hablaremos un poco más adelante. Pueden leer sobre mi programación en mi blog en code.lol. Y estoy emocionado de hablar sobre la flexibilidad de los Higher Kinda Types en TypeScript hoy. Entonces, semántica de bibliotecas. ¿Qué queremos decir con esto?

Queremos que el sistema de tipos infiera tanto como sea posible sobre nuestro código. A menudo, las bibliotecas no lo hacen. En este ejemplo de código, estamos usando Lodash. Estamos encadenando algunas operaciones en algún objeto. Estamos calculando las claves y luego mapeando esas claves para convertirlas todas en mayúsculas. Lo que sabemos que el valor debería ser es A, B y C en mayúsculas, pero Lodash solo infiere un array de strings. Esto a veces es muy incómodo y nos obliga a hacer declaraciones de tipos explícitas cuando de otra manera no tendríamos que hacerlo.

Entonces, los HKTs básicamente hacen posible una mejor inferencia. Podemos usar los HKTs para representar operaciones a nivel de tipos y podemos componer tipos juntos utilizando semántica funcional. Podemos hacer esto tan bien que los usuarios finales nunca tienen que escribir ningún tipo personalizado ellos mismos. Entonces, ¿qué son los Higher Kinda Types?

Básicamente, un kind es un tipo asociado con un constructor de tipos. En TypeScript, esto sería como el tipo foo de T es igual a T, ¿verdad? El kind más simple es simplemente star, que son tus tipos base. Y el kind siguiente más simple es star a star, que es tu tipo genérico de aridad uno normal. Entonces, capitalize de S o promise de T, etc. TypeScript admite nativamente estos dos, pero queremos más. Por ejemplo, nos gustaría admitir un tipo que reciba un tipo, genérico en sí mismo, y un valor que represente un array, y queremos iterar sobre ese array aplicando esta operación de tipo a cada elemento. Entonces, el kind asociado con esto sería esta expresión complicada, para la cual necesitamos hacer cosas inteligentes para admitirla en el sistema de TypeScript.

Entonces, ¿qué estamos tratando de hacer realmente? Lo que queremos hacer es escribir código como este, queremos decir que queremos usar este operador, o cualquier tipo de operador de aplicación, y decir, ah, sí. Queremos aplicar la operación capitalize a map, para que obtengamos map capitalize, que convierte capitalize en algo que se puede mapear sobre un array, y luego queremos aplicarlo a un array para obtener un resultado. Estamos extrayendo la lógica intrínseca de iterar sobre un array y aplicar una transformación a cada elemento.

2. Creando Higher Kind of Types en TypeScript

Short description:

Esto es sorprendentemente posible en TypeScript. Explotamos el hecho de que los tipos de función pueden ser una función de los atributos del objeto. Podemos crear funciones que se comporten como higher kind of types. Usando esto, podemos crear utilidades funcionales componibles con inferencia de tipos inteligente. También podemos lograr una interfaz encadenada que calcula resultados a nivel de tipos a medida que se encadenan las operaciones. Esa es mi charla relámpago. Gracias por escuchar.

Esto es sorprendentemente posible en TypeScript. Entonces, aquí está la definición mínima necesaria para crear este rico conjunto de higher kind of types. Básicamente, lo que está sucediendo aquí es que estamos explotando el hecho de que en las interfaces, los tipos de funciones pueden ser una función de los atributos del objeto. Entonces, básicamente, lo que estamos haciendo es llenar el parámetro representado por el elemento x en la línea dos y luego extraer el tipo de retorno de f. Como vimos antes, si aplicamos, por ejemplo, la función de identidad a uno, obtendríamos simplemente uno. Aquí hay un ejemplo del tipo de higher kind de identidad. Decimos que identity extiende kind y luego devolvemos el tipo de x para la transformación subyacente que estamos representando. Siempre la transformación está en el lado derecho. Este es un ejemplo un poco más complicado. No necesitamos entender o recorrer todo esto, pero básicamente en la línea 11 aquí, estamos aplicando append a esta cadena bar, lo que crea una función que agrega la cadena bar a cualquier cadena que se le dé, y luego pasamos foo para obtener foo bar. Lo que notarán es que todos los argumentos están currificados en esta nueva semántica. También podemos hacer map, como mencioné antes. Nuevamente, no necesitamos entender toda la lógica aquí, pero notablemente lo que estamos haciendo es tomar esta función append que hicimos antes, convertirla en algo que se pueda mapear sobre un array y luego ejecutarla sobre un array para obtener foo bar y baz bar. Bueno, eso fue mucho código. La pregunta sería, ¿cómo lo usamos realmente en la programación real? Para hacer esto, en general, queremos usar un proceso que llamo ratificación de kind, pero básicamente estamos bajando un higher kind of type y le estamos dando una interfaz callable, por lo que en la línea dos decimos que la función callable va a ser una función genérica que es una entrada del tipo asociado con este tipo. Inferimos qué constante literal va a ser y luego ejecutamos recursivamente eso en todos los argumentos que este higher kind of type está devolviendo. No incluyo la implementación completa aquí, pero no es mucho más complicada que esto. Y básicamente lo que esto nos permite hacer es crear funciones que se comporten como higher kind of types. Entonces, usando esto, podemos crear esta vista de mapa reificada que incluye la implementación. Tenemos un mapa aquí, una lógica de mapa currificada muy simple, y luego decimos como mapa reificado y luego tenemos append que es simplemente como append reificado y luego podemos crear esta expresión de resultado donde estamos mapeando sobre un array con esta declaración de append para que obtengamos hello exclamation mark world exclamation mark. Entonces hemos creado estas utilidades funcionales componibles que tienen inferencia de tipos inteligente asociada.

Hasta ahora hemos utilizado la semántica point free para escribir nuestro código, donde no mencionamos explícitamente ningún argumento en nuestras funciones, pero a menudo las personas usan una API fluida, por ejemplo en lodash, con su semántica de encadenamiento, por lo que podemos hacer eso usando HKTs sin incluir la implementación completa, pero lo que queremos al final y lo que podemos obtener es una interfaz encadenada que realmente calcula el resultado a nivel de tipos a medida que se ejecutan y se encadenan estas operaciones. Entonces, lo que inferimos al final es A y B y C. Esa es mi charla relámpago. Muchas gracias por escuchar. Por favor, salgan y mejoren el ecosistema de TypeScript escribiendo bibliotecas que usen higher kind of types.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Los tipos más útiles de React
React Day Berlin 2023React Day Berlin 2023
21 min
Los tipos más útiles de React
Top Content
Today's Talk focuses on React's best types and JSX. It covers the types of JSX and React components, including React.fc and React.reactnode. The discussion also explores JSX intrinsic elements and react.component props, highlighting their differences and use cases. The Talk concludes with insights on using React.componentType and passing components, as well as utilizing the react.element ref type for external libraries like React-Select.
TypeScript y React: Secretos de un matrimonio feliz
React Advanced Conference 2022React Advanced Conference 2022
21 min
TypeScript y React: Secretos de un matrimonio feliz
Top Content
React and TypeScript have a strong relationship, with TypeScript offering benefits like better type checking and contract enforcement. Failing early and failing hard is important in software development to catch errors and debug effectively. TypeScript provides early detection of errors and ensures data accuracy in components and hooks. It offers superior type safety but can become complex as the codebase grows. Using union types in props can resolve errors and address dependencies. Dynamic communication and type contracts can be achieved through generics. Understanding React's built-in types and hooks like useState and useRef is crucial for leveraging their functionality.
Remix Flat Routes – Una Evolución en el Enrutamiento
Remix Conf Europe 2022Remix Conf Europe 2022
16 min
Remix Flat Routes – Una Evolución en el Enrutamiento
Top Content
Remix Flat Routes is a new convention that aims to make it easier to see and organize the routes in your app. It allows for the co-location of support files with routes, decreases refactor and redesign friction, and helps apps migrate to Remix. Flat Folders convention supports co-location and allows importing assets as relative imports. To migrate existing apps to Flat Routes, use the Remix Flat Routes package's migration tool.
Haciendo Magia: Construyendo un Marco de Trabajo Primero-TypeScript
TypeScript Congress 2023TypeScript Congress 2023
31 min
Haciendo Magia: Construyendo un Marco de Trabajo Primero-TypeScript
Top Content
Daniel Rowe discusses building a TypeScript-first framework at TypeScript Congress and shares his involvement in various projects. Nuxt is a progressive framework built on Vue.js, aiming to reduce friction and distraction for developers. It leverages TypeScript for inference and aims to be the source of truth for projects. Nuxt provides type safety and extensibility through integration with TypeScript. Migrating to TypeScript offers long-term maintenance benefits and can uncover hidden bugs. Nuxt focuses on improving existing tools and finds inspiration in frameworks like TRPC.
Deja de Escribir tus Rutas
Vue.js London 2023Vue.js London 2023
30 min
Deja de Escribir tus Rutas
Designing APIs is a challenge, and it's important to consider the language used and different versions of the API. API ergonomics focus on ease of use and trade-offs. Routing is a misunderstood aspect of API design, and file-based routing can simplify it. Unplugging View Router provides typed routes and eliminates the need to pass routes when creating the router. Data loading and handling can be improved with data loaders and predictable routes. Handling protected routes and index and ID files are also discussed.
Cómo hacer un juego web tú solo
JS GameDev Summit 2023JS GameDev Summit 2023
27 min
Cómo hacer un juego web tú solo
This talk guides you on how to make a web game by yourself, emphasizing the importance of focusing on tasks that interest you and outsourcing the rest. It suggests choosing a game engine that allows distribution on the web and aligns with your understanding and enjoyment. The talk also highlights the significance of finding fun in the creative process, managing scope, cutting features that don't align with the game's direction, and iterating to the finish line. It concludes by discussing the options for publishing the game on the web and leveraging unique web features.

Workshops on related topic

React, TypeScript y TDD
React Advanced Conference 2021React Advanced Conference 2021
174 min
React, TypeScript y TDD
Top Content
Featured WorkshopFree
Paul Everitt
Paul Everitt
ReactJS es extremadamente popular y, por lo tanto, ampliamente soportado. TypeScript está ganando popularidad y, por lo tanto, cada vez más soportado.

¿Los dos juntos? No tanto. Dado que ambos cambian rápidamente, es difícil encontrar materiales de aprendizaje precisos.

¿React+TypeScript, con los IDEs de JetBrains? Esa combinación de tres partes es el tema de esta serie. Mostraremos un poco sobre mucho. Es decir, los pasos clave para ser productivo, en el IDE, para proyectos de React utilizando TypeScript. En el camino, mostraremos el desarrollo guiado por pruebas y enfatizaremos consejos y trucos en el IDE.
Dominando conceptos avanzados en TypeScript
React Summit US 2023React Summit US 2023
132 min
Dominando conceptos avanzados en TypeScript
Top Content
Featured WorkshopFree
Jiri Lojda
Jiri Lojda
TypeScript no es solo tipos e interfaces. Únete a esta masterclass para dominar características más avanzadas de TypeScript que harán tu código a prueba de balas. Cubriremos tipos condicionales y notación de inferencia, cadenas de plantillas y cómo mapear sobre tipos de unión y propiedades de objetos/arrays. Cada tema se demostrará en una aplicación de muestra que se escribió con tipos básicos o sin tipos en absoluto y juntos mejoraremos el código para que te familiarices más con cada característica y puedas llevar este nuevo conocimiento directamente a tus proyectos.
Aprenderás:- - ¿Qué son los tipos condicionales y la notación de inferencia?- ¿Qué son las cadenas de plantillas?- Cómo mapear sobre tipos de unión y propiedades de objetos/arrays.
Consejos y Trucos Profundos de TypeScript
Node Congress 2024Node Congress 2024
83 min
Consejos y Trucos Profundos de TypeScript
Top Content
Featured Workshop
Josh Goldberg
Josh Goldberg
TypeScript tiene un sistema de tipos poderoso con todo tipo de características sofisticadas para representar estados de JavaScript salvajes y extravagantes. Pero la sintaxis para hacerlo no siempre es sencilla, y los mensajes de error no siempre son precisos al decirte qué está mal. Vamos a profundizar en cómo funcionan muchas de las características más poderosas de TypeScript, qué tipos de problemas del mundo real resuelven, y cómo dominar el sistema de tipos para que puedas escribir código TypeScript verdaderamente excelente.
Mejores Prácticas y Consejos Avanzados de TypeScript para Desarrolladores de React
React Advanced Conference 2022React Advanced Conference 2022
148 min
Mejores Prácticas y Consejos Avanzados de TypeScript para Desarrolladores de React
Top Content
Featured Workshop
Maurice de Beijer
Maurice de Beijer
¿Eres un desarrollador de React tratando de obtener los máximos beneficios de TypeScript? Entonces esta es la masterclass para ti.En esta masterclass interactiva, comenzaremos desde lo básico y examinaremos los pros y contras de las diferentes formas en que puedes declarar componentes de React usando TypeScript. Después de eso, pasaremos a conceptos más avanzados donde iremos más allá de la configuración estricta de TypeScript. Aprenderás cuándo usar tipos como any, unknown y never. Exploraremos el uso de predicados de tipo, guardias y comprobación exhaustiva. Aprenderás sobre los tipos mapeados incorporados, así como cómo crear tus propias utilidades de mapa de tipo nuevo. Y comenzaremos a programar en el sistema de tipos de TypeScript usando tipos condicionales e inferencia de tipos.
Building Your Own Custom Type System
React Summit 2024React Summit 2024
38 min
Building Your Own Custom Type System
Featured Workshop
Kunal Dubey
Kunal Dubey
I'll introduce the audience to a concept where they can have end-to-end type systems that helps ensure typesafety across the teams Such a system not only improves communication between teams but also helps teams collaborate effectively and ship way faster than they used to before. By having a custom type system, teams can also identify the errors and modify the API contracts on their IDE, which contributes to a better Developer Experience. The workshop would primarily leverage TS to showcase the concept and use tools like OpenAPI to generate the typesystem on the client side. 
Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web
React Summit 2024React Summit 2024
92 min
Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web
Featured Workshop
Vivek Nayyar
Vivek Nayyar
Sumérgete en el mundo de la IA con nuestro masterclass interactivo diseñado específicamente para desarrolladores web. "Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web" ofrece una oportunidad única para cerrar la brecha entre la IA y el desarrollo web. A pesar de la prominencia de Python en el desarrollo de IA, el vasto potencial de JavaScript sigue siendo en gran medida inexplorado. Este masterclass tiene como objetivo cambiar eso.A lo largo de esta sesión práctica, los participantes aprenderán cómo aprovechar LangChain, una herramienta diseñada para hacer que los modelos de lenguaje grandes sean más accesibles y útiles, para construir agentes de IA dinámicos directamente dentro de entornos JavaScript. Este enfoque abre nuevas posibilidades para mejorar las aplicaciones web con funciones inteligentes, desde el soporte al cliente automatizado hasta la generación de contenido y más.Comenzaremos con los conceptos básicos de LangChain y los modelos de IA, asegurando una base sólida incluso para aquellos nuevos en IA. A partir de ahí, nos sumergiremos en ejercicios prácticos que demuestran cómo integrar estas tecnologías en proyectos reales de JavaScript. Los participantes trabajarán en ejemplos, enfrentando y superando los desafíos de hacer que la IA funcione sin problemas en la web.Este masterclass es más que una experiencia de aprendizaje; es una oportunidad de estar a la vanguardia de un campo emergente. Al final, los asistentes no solo habrán adquirido habilidades valiosas, sino que también habrán creado funciones mejoradas con IA que podrán llevar a sus proyectos o lugares de trabajo.Ya seas un desarrollador web experimentado curioso acerca de la IA o estés buscando expandir tus habilidades en áreas nuevas y emocionantes, "Masterclass: Integrando LangChain con JavaScript para Desarrolladores Web" es tu puerta de entrada al futuro del desarrollo web. Únete a nosotros para desbloquear el potencial de la IA en tus proyectos web, haciéndolos más inteligentes, interactivos y atractivos para los usuarios.