TypeScript y la Base de Datos: ¿Quién Posee los Tipos?

Rate this content
Bookmark

Todos amamos escribir tipos en TypeScript, pero a menudo nos encontramos teniendo que escribir tipos en otro lenguaje también: SQL. Esta charla presentará la historia de elige-tu-propia-aventura que enfrentas al combinar TypeScript y SQL y te guiará a través de los compromisos entre las diversas opciones. Combinados de manera deficiente, TypeScript y SQL pueden ser duplicativos y una fuente de dolores de cabeza, pero si se hacen bien, pueden complementarse entre sí al abordar las debilidades de cada uno.

FAQ

La base de datos de la aplicación contiene libros, autores y reseñas de libros.

Se identificó un problema de tipos en la consulta de la base de datos, específicamente relacionado con el año de publicación que podría ser nulo.

El error se corrigió utilizando TypeScript para añadir tipos condicionales que manejaran valores nulos correctamente.

TypeORM es un Mapeador Relacional de Objetos (ORM) para JavaScript que ayuda a definir y sincronizar las entidades de la base de datos con las clases del código. En la aplicación, se utilizó para gestionar las entidades y generar migraciones automáticamente.

Se mencionan herramientas como Schema TS, PyST Schema TS y pg2ts para generar archivos de esquema TypeScript a partir de la estructura de una base de datos.

PGTyped lee consultas SQL y genera tipos de TypeScript correspondientes, facilitando la integración y asegurando la precisión de los tipos entre SQL y TypeScript.

Los ORMs ayudan a mantener sincronizados los tipos y la base de datos, generan migraciones automáticamente y simplifican la escritura de consultas SQL.

Las desventajas incluyen la falta de una única fuente de verdad para los tipos y la base de datos, lo que puede llevar a inconsistencias. Esto se puede abordar usando generadores de esquemas que aseguren que los tipos en TypeScript y la estructura de la base de datos estén alineados.

Dan Vanderkam
Dan Vanderkam
27 min
29 Apr, 2022

Comments

Sign in or register to post your comment.

Video Summary and Transcription

La charla discute el uso de TypeScript y SQL juntos en el desarrollo de software. Explora diferentes enfoques, como el uso de un ORM como TypeORM o un generador de esquemas como pg2ts. También se discuten los constructores de consultas como connects JS y herramientas como PGTyped. Se destacan los beneficios y los compromisos de usar TypeScript y SQL, enfatizando la importancia de encontrar un enfoque de término medio.

1. Trabajando con una Base de Datos y Tipos

Short description:

Estoy trabajando en una nueva aplicación con una base de datos para libros, autores y reseñas. El servidor web se conecta a la base de datos, ejecuta una consulta y muestra todos los libros. Encontré un error y descubrí la necesidad de tipos. Al definir una interfaz de libro y especificar la estructura de la tabla, resolví los errores de tipo. Ejecutar una migración me permitió manejar la posibilidad de valores nulos para el año de publicación.

Entonces, estoy trabajando en esta nueva aplicación genial, tiene una database donde tengo libros y sus autores y reseñas de libros. Incluso he introducido algunos data allí, por lo que tengo algunos de mis libros favoritos. Y tengo un servidor web genial aquí, se conecta a la database, ejecuta una consulta y muestra todos los libros. Entonces sí, creo que está bastante bien. Vamos a echar un vistazo.

Entonces, parece que tal vez tiene un error. Veamos qué está pasando aquí. Veamos. Entonces, ¿cuál es el tipo de libros? Es Any, es el resultado de la consulta Any, lo que significa que el libro tiene un tipo Any. Entonces, tal vez debería escribir, tal vez debería usar tipos para resolver este problema, porque después de todo, esto es el Congreso TS, por lo que podemos definir una interfaz de libro. Y vamos a mirar la estructura de esta tabla. Entonces, tenemos un ID, que es una cadena, y tenemos creado por, que es una cadena. Y tenemos un título, que es una cadena, y tenemos el año de publicación. Solo vamos a copiar eso. Para las personas de JavaScript aquí, los enteros son un tipo especial de número. Entonces, simplemente vamos con número. Y por último, pero no menos importante, tenemos contenidos, que es una cadena, o creo que podría ser nulo. Y con la biblioteca node-progress, creo que puedes especificar un tipo de retorno para una consulta. Y vaya, resulta que tenemos algunos errores de tipo. Entonces sí, creo que solo escribí mal año. Debería ser año de publicación. Entonces vamos a corregir eso. Y ahora si nos dirigimos aquí, ¿qué crees? Bastante bien. Entonces, los tipos pueden ser definitivamente útiles cuando estás trabajando con SQL. Pero no es toda la historia. Entonces, veamos qué sucede cuando ejecutas una migración. Entonces me di cuenta de que el año de publicación podría ser realmente nulo si no sabemos cuándo se publicó. Entonces, por ejemplo, ¿quién sabe exactamente cuándo se publicaron la Ilíada y la Odisea? Entonces, es mejor dejarlo como nulo. Entonces, vamos a ejecutar eso.

2. Manejo de Cambios en el Esquema de la Base de Datos

Short description:

Nos encontramos con un problema cuando nuestro esquema de datos en la base de datos cambió, pero el tipo que escribimos manualmente no se actualizó en consecuencia. Al hacer que el año de publicación fuera nulo, resolvimos el error. TypeScript proporcionó un mensaje de error cuando intentamos restar nulo, lo que nos permitió solucionar el problema agregando una condicional.

Y podemos confirmar eso. Sí, tenemos nuestros nuevos libros y el año de publicación es nulo. Entonces sí, veamos qué sucede. Sí, nulo. Y hecho divertido, en JavaScript 2022 menos nulo es de hecho 22 porque JavaScript. Entonces el problema aquí es que cambiamos nuestro esquema de data en la database, pero este tipo que escribimos a mano no se actualizó para reflejar ese cambio. Entonces realmente, el año de publicación ahora es nulo. Entonces debería ser número o nulo. Y una vez que hacemos ese cambio, entonces TypeScript nos da un error, ¿verdad? Entonces sí, TypeScript es lo suficientemente amable para decir que no puedes restar nulo. Y entonces creo que aquí tengo la solución. Simplemente añadimos una condicional. Sí, genial. Y veamos si eso soluciona las cosas. Efectivamente, lo hace. Así que una vez más, los tipos pueden ser muy útiles, pero también hay algunos problemas potenciales aquí.

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 2022React Advanced Conference 2022
21 min
TypeScript y React: Secretos de un matrimonio feliz
Top Content
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.
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
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 2023Vue.js London 2023
30 min
Deja de Escribir tus Rutas
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.
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
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.
Compilaciones de TypeScript más rápidas con --isolatedDeclarations
TypeScript Congress 2023TypeScript Congress 2023
24 min
Compilaciones de TypeScript más rápidas con --isolatedDeclarations
Top Content
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 2021React Advanced Conference 2021
6 min
Aplicaciones React (+Native) full-stack y seguras con tRPC.io
Top Content
¿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.

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.
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.
Cómo Resolver Problemas del Mundo Real con Remix
Remix Conf Europe 2022Remix Conf Europe 2022
195 min
Cómo Resolver Problemas del Mundo Real con Remix
Featured Workshop
Michael Carter
Michael Carter
- ¿Errores? Cómo renderizar y registrar tus errores del servidor y del clientea - Cuándo devolver errores vs lanzar excepcionesb - Configurar servicios de registro como Sentry, LogRocket y Bugsnag- ¿Formularios? Cómo validar y manejar formularios de varias páginasa - Usar zod para validar los datos del formulario en tu acciónb - Pasar por formularios de varias páginas sin perder datos- ¿Atascado? Cómo solucionar errores o funciones faltantes en Remix para que puedas continuara - Usar patch-package para solucionar rápidamente tu instalación de Remixb - Mostrar herramienta para gestionar múltiples parches y seleccionar solicitudes de extracción abiertas- ¿Usuarios? Cómo manejar aplicaciones de varios inquilinos con Prismaa - Determinar el inquilino por el host o por el usuariob - Base de datos múltiples o base de datos única/múltiples esquemasc - Asegura que los datos del inquilino siempre estén separados de los demás
Modelado de Bases de Datos Relacionales para GraphQL
GraphQL Galaxy 2020GraphQL Galaxy 2020
106 min
Modelado de Bases de Datos Relacionales para GraphQL
Top Content
WorkshopFree
Adron Hall
Adron Hall
En esta masterclass profundizaremos en el modelado de datos. Comenzaremos con una discusión sobre varios tipos de bases de datos y cómo se mapean a GraphQL. Una vez que se haya establecido esa base, el enfoque se desplazará a tipos específicos de bases de datos y cómo construir modelos de datos que funcionen mejor para GraphQL en varios escenarios.
Índice de contenidosParte 1 - Hora 1      a. Modelado de Datos de Bases de Datos Relacionales      b. Comparando Bases de Datos Relacionales y NoSQL      c. GraphQL con la Base de Datos en menteParte 2 - Hora 2      a. Diseño de Modelos de Datos Relacionales      b. Relación, Construcción de Tablas Multijoin      c. Complejidades de Consulta de Modelado de Datos Relacionales y GraphQL
Prerrequisitos      a. Herramienta de modelado de datos. El formador utilizará dbdiagram      b. Postgres, aunque no es necesario instalar esto localmente, ya que estaré utilizando una imagen de Dicker de Postgres, de Docker Hub para todos los ejemplos      c. Hasura
Consejos y Trucos Profundos de TypeScript
Node Congress 2024Node Congress 2024
83 min
Consejos y Trucos Profundos de TypeScript
Top Content
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.
Construyendo un Servidor Web Hiper Rápido con Deno
JSNation Live 2021JSNation Live 2021
156 min
Construyendo un Servidor Web Hiper Rápido con Deno
WorkshopFree
Matt Landers
Will Johnston
2 authors
Deno 1.9 introdujo una nueva API de servidor web que aprovecha Hyper, una implementación rápida y correcta de HTTP para Rust. El uso de esta API en lugar de la implementación std/http aumenta el rendimiento y proporciona soporte para HTTP2. En este masterclass, aprende cómo crear un servidor web utilizando Hyper en el fondo y mejorar el rendimiento de tus aplicaciones web.