JavaScript conferences

Node Congress 2024

Node Congress 2024

Top Content

Versión en Español

Consejos y Trucos Profundos de TypeScript

Josh Goldberg

Open Source enthusiast, TypeScript contributor, writing a book on Typescript

Recording available for Multipass and Full ticket holders

Please login if you have one.

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.

FAQ

TypeScript es un superconjunto de JavaScript, lo que significa que añade sintaxis adicional a JavaScript, como las anotaciones de tipo. Permite una comprobación de tipos durante el desarrollo que puede ayudar a detectar errores antes de ejecutar el programa.

TypeScript puede ayudar a prevenir errores de tipo en el código, facilitar la refactorización y proporcionar una mejor autocompletación y herramientas de ayuda en el entorno de desarrollo, como VS Code.

Durante la masterclass se discutieron características como uniones y estrechamiento, las nuevas funciones 'no infer' y 'satisfies', y los genéricos, que son fundamentales para aprovechar al máximo el sistema de tipos de TypeScript.

Se exploró la configuración del compilador de TypeScript, las opciones de linting tipado, y la integración de TypeScript con herramientas de edición como VS Code, incluyendo funcionalidades como 'ir a definición' y 'encontrar todas las referencias'.

Josh mencionó que trabaja en el equipo de comunidad para ESLint y es uno de los mantenedores de TypeScript ESLint, destacando la importancia del linting tipado en proyectos que utilizan TypeScript.

TypeScript se construye sobre JavaScript, añadiendo anotaciones de tipo y comprobaciones de tipo que no alteran la ejecución en tiempo de runtime de JavaScript pero proporcionan una capa adicional de seguridad y herramientas durante el desarrollo.

El linting tipado es el uso de linters que entienden los tipos de TypeScript para realizar comprobaciones más avanzadas, lo que ayuda a mantener la calidad del código y a adherirse a buenas prácticas de programación.

Josh Goldberg

83 min

08 Apr, 2024

Comments

Sign in or register to post your comment.

Video transcription, chapters and summary available for users with access.

Watch more workshops on topic

React, TypeScript y TDD

React Advanced Conference 2021

174 min

React, TypeScript y TDD

Top Content

Featured WorkshopFree

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.

tdd typescript web development devtools react best practices

Mejores Prácticas y Consejos Avanzados de TypeScript para Desarrolladores de React

React 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.

typescript react

Practica Técnicas de TypeScript Construyendo una Aplicación con Componentes de Servidor React

TypeScript Congress 2023

131 min

Practica Técnicas de TypeScript Construyendo una Aplicación con Componentes de Servidor React

Workshop

Maurice de Beijer

Maurice de Beijer

En esta masterclass práctica, Maurice te guiará personalmente a través de una serie de ejercicios diseñados para empoderarte con una profunda comprensión de los Componentes de Servidor React y el poder de TypeScript. Descubre cómo optimizar tus aplicaciones, mejorar el rendimiento y desbloquear nuevas posibilidades.

Durante la masterclass, realizarás:
- Maximizar la mantenibilidad y escalabilidad del código con prácticas avanzadas de TypeScript
- Desatar los beneficios de rendimiento de los Componentes de Servidor React, superando enfoques tradicionales
- Potenciar tu TypeScript con el poder de los Tipos Mapeados
- Hacer tus tipos TypeScript más seguros con Tipos Opacos
- Explorar el poder de los Tipos de Plantillas Literales al usar Tipos Mapeados

Maurice estará virtualmente a tu lado, ofreciendo una guía completa y respondiendo a tus preguntas mientras navegas por cada ejercicio. Al final de la masterclass, habrás dominado los Componentes de Servidor React, armado con un nuevo arsenal de conocimientos de TypeScript para potenciar tus aplicaciones React.

No pierdas esta oportunidad de elevar tu experiencia en React a nuevas alturas. Únete a nuestra masterclass y desbloquea el potencial de los Componentes de Servidor React con TypeScript. Tus aplicaciones te lo agradecerán.

typescript react components react

Tipos avanzados de TypeScript para diversión y confiabilidad

TypeScript Congress 2022

116 min

Tipos avanzados de TypeScript para diversión y confiabilidad

Workshop

Maurice de Beijer

Maurice de Beijer

Si estás buscando sacar el máximo provecho de TypeScript, este masterclass es para ti! En este masterclass interactivo, exploraremos el uso de tipos avanzados para mejorar la seguridad y previsibilidad de tu código TypeScript. Aprenderás cuándo usar tipos como unknown o never. Exploraremos el uso de predicados de tipo, guardias y verificación exhaustiva para hacer tu código TypeScript más confiable tanto en tiempo de compilación como en tiempo de ejecución. Aprenderás sobre los tipos mapeados incorporados, así como cómo crear tus propias utilidades de mapeo de tipos. Y comenzaremos a programar en el sistema de tipos de TypeScript utilizando tipos condicionales e inferencia de tipos.
¿Estás familiarizado con los conceptos básicos de TypeScript y quieres profundizar? Entonces únete a mí con tu computadora portátil en este masterclass avanzado e interactivo para aprender todos estos temas y más.
Puedes encontrar las diapositivas, con enlaces, aquí: http://theproblemsolver.nl/docs/ts-advanced-workshop.pdf
Y el repositorio que utilizaremos está aquí: https://github.com/mauricedb/ts-advanced

typescript deep dive best practices

Dominando Node.js Test Runner

TestJS Summit 2023

78 min

Dominando Node.js Test Runner

Workshop

Marco Ippolito

Node.js test runner es moderno, rápido y no requiere bibliotecas adicionales, pero entenderlo y usarlo bien puede ser complicado. Aprenderás a utilizar Node.js test runner a su máximo potencial. Te mostraremos cómo se compara con otras herramientas, cómo configurarlo y cómo ejecutar tus pruebas de manera efectiva. Durante la masterclass, haremos ejercicios para ayudarte a sentirte cómodo con el filtrado, el uso de afirmaciones nativas, la ejecución de pruebas en paralelo, el uso de CLI y más. También hablaremos sobre trabajar con TypeScript, hacer informes personalizados y la cobertura de código.

typescript node.js testing

Construyendo Aplicaciones Serverless en AWS con TypeScript

Node Congress 2021

245 min

Construyendo Aplicaciones Serverless en AWS con TypeScript

Workshop

Slobodan Stojanović

Slobodan Stojanović

Este masterclass te enseña los conceptos básicos del desarrollo de aplicaciones serverless con TypeScript. Comenzaremos con una función Lambda simple, configuraremos el proyecto y la infraestructura como código (AWS CDK) y aprenderemos cómo organizar, probar y depurar una aplicación serverless más compleja.
Tabla de contenidos: - Cómo configurar un proyecto serverless con TypeScript y CDK - Cómo escribir una función Lambda testeable con arquitectura hexagonal - Cómo conectar una función a una tabla DynamoDB - Cómo crear una API serverless - Cómo depurar y probar una función serverless - Cómo organizar y hacer crecer una aplicación serverless

Materiales mencionados en el masterclass:
https://excalidraw.com/#room=57b84e0df9bdb7ea5675,HYgVepLIpfxrK4EQNclQ9w
Blog de DynamoDB de Alex DeBrie: https://www.dynamodbguide.com/
Excelente libro para DynamoDB: https://www.dynamodbbook.com/
https://slobodan.me/workshops/nodecongress/prerequisites.html

typescript serverless aws node.js

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

TypeScript y React: Secretos de un matrimonio feliz

React Advanced Conference 2022

21 min

TypeScript y React: Secretos de un matrimonio feliz

Top Content

Matt Pocock

TypeScript y React son inseparables. ¿Cuál es el secreto de su exitosa unión? Bastante código extrañamente extraño. Aprende por qué useRef siempre se siente extraño, cómo manejar los genéricos en los hooks personalizados y cómo los tipos de unión pueden transformar tus componentes.

typescript react best practices

Los tipos más útiles de React

React Day Berlin 2023

21 min

Los tipos más útiles de React

Top Content

Matt Pocock

No pensamos en React como si tuviera sus propios tipos. Pero los tipos de React son una parte fundamental del marco de trabajo - supervisados por el equipo de React, y coordinados con las principales lanzamientos de React.En esta charla de codificación en vivo, veremos todos los tipos que te has estado perdiendo. ¿Cómo obtienes el tipo de props de un componente? ¿Cómo sabes qué ref toma un componente? ¿Deberías usar React.FC? ¿Y qué pasa con JSX.Element?Te irás con un montón de ideas emocionantes para llevar a tus aplicaciones de React, y esperamos que con una nueva apreciación por las maravillas de React y TypeScript trabajando juntos.

Deja de Escribir tus Rutas

Vue.js London 2023

30 min

Deja de Escribir tus Rutas

Eduardo San Martin Morote

Eduardo San Martin Morote

Vue.js Core Team

Cuanto más trabajas en una aplicación, más complicado se vuelve su enrutamiento y más fácil es cometer un error. "¿Se llamaba la ruta usuarios o usuario?", "¿Tenía un parámetro id o era userId?". Si solo TypeScript pudiera decirte cuáles son los nombres y parámetros posibles. Si solo no tuvieras que escribir una sola ruta más y dejar que un complemento lo haga por ti. En esta charla repasaremos lo que se necesitó para traer rutas automáticamente tipadas para Vue Router.

typescript typescript libraries vue 3

Haciendo Magia: Construyendo un Marco de Trabajo Primero-TypeScript

TypeScript Congress 2023

31 min

Haciendo Magia: Construyendo un Marco de Trabajo Primero-TypeScript

Daniel Roe

Daniel leads the Nuxt core team.

Voy a profundizar en los internos de Nuxt para describir cómo hemos construido un marco de trabajo primero-TypeScript que está profundamente integrado con el IDE del usuario y la configuración de comprobación de tipos para ofrecer seguridad de tipo de pila completa de extremo a extremo, sugerencias para diseños, middleware y más, opciones de configuración de tiempo de ejecución tipadas e incluso enrutamiento tipado. Además, destacaré lo que más me emociona hacer en los días venideros y cómo TypeScript hace eso posible no solo para nosotros sino para cualquier autor de bibliotecas.

typescript deep dive frameworks builders and founders vue nuxt.js

Compilaciones de TypeScript más rápidas con --isolatedDeclarations

TypeScript Congress 2023

24 min

Compilaciones de TypeScript más rápidas con --isolatedDeclarations

Top Content

Titian-Cornel Cernicova-Dragomir

Titian-Cornel Cernicova-Dragomir

Software Developer at Bloomberg

La verificación de tipos en una base de código TypeScript puede ser lenta, especialmente para monorepos que contienen muchos proyectos que necesitan usar el verificador de tipos para generar archivos de declaración de tipos. En esta charla, presentamos, por primera vez, una nueva característica de TypeScript en la que estamos trabajando llamada “Declaraciones Aisladas” que permite que los archivos DTS se generen sin usar el verificador de tipos en absoluto. ¡Esto abre la puerta a una generación de declaraciones más rápida en TypeScript mismo, así como en herramientas externas escritas en otros lenguajes como ESBuild y swc. Verás cómo usar esta nueva opción, y tal vez (solo tal vez) te convencerás de los beneficios de los tipos de retorno explícitos. Lo más importante, mostraremos cómo las Declaraciones Aisladas permiten compilaciones paralelas para distribuir el trabajo a través de tus núcleos de CPU para mejorar significativamente la velocidad de compilación de tus proyectos TypeScript.

Aplicaciones React (+Native) full-stack y seguras con tRPC.io

React Advanced Conference 2021

6 min

Aplicaciones React (+Native) full-stack y seguras con tRPC.io

Top Content

Alexander Johansson

Alexander Johansson

The creator of tRPC

¿Por qué estamos los desarrolladores tan obsesionados con desacoplar cosas que son de naturaleza acoplada? tRPC es una biblioteca que reemplaza la necesidad de GraphQL o REST para APIs internas. Al usarla, simplemente escribes funciones de backend cuyas formas de entrada y salida se infieren instantáneamente en tu frontend sin ninguna generación de código; haciendo que la escritura de esquemas de API sea cosa del pasado. Es ligera, no está vinculada a React, se puede almacenar en caché HTTP y se puede adoptar de forma incremental. En esta charla, daré un vistazo a la DX que puedes obtener de tRPC y cómo (y por qué) empezar.

typescript developer experience react patterns backend