Usando librerías que NO soportan TypeScript

Resumen

El ecosistema de TypeScript ha creado unos módulos para agregar manualmente el tipado a las librerías que no tienen soporte de tipos.

Por ejemplo, si quieres trabajar con la librería lodash, en Visual Studio Code se te indicará que instales un sistema de tipos para que puedas desarrollar sin problemas desde TypeScript:
Error al queres utilizar lodash en TypeScript

Contribución creada por: Martín Álvarez.

Migdualy Alejandra Gonzalez Martinez

student•

Ame el curso

Gustavo Pú

student•

x2 ❤️

Cristian Clavijo

student•

Reeeee confirmo :D

Alex hernandez mitre

student•

Excelente Ts, excelente profesor y excelente curso 10/10.

César Palma

student•

Como saber si la librería no tiene el soporte de tipos integrados, pero si tiene un modulo de tipos para dar soporte.

Carlos Andrés Jaramillo Villa

student•

tanto tiempo temiendole a TS solo por no haber tenido un buen tutor que lo hiciera ver que es sencillo (por lo menos las bases y fundamentos). Muchas gracias por el curso profe.

Jose Imbacuan

student•

total

Jonathan Javier Barsky

student•

totalmente

Brayhan Andres Jaramillo Castaño

student•

Muy buen curso

Gustavo Pú

student•

Les comparto el último código del curso

import _ from 'lodash';

const data = [
    {
        username: 'nico',
        role: 'admin'
    },
    {
        username: 'Valentina',
        role: 'seller'
    },
    {
        username: 'Zulema',
        role: 'seller'
    },
    {
        username: 'Santiago',
        role: 'seller'
    }
]

const rta = _.groupBy(data, (item) => item.role)
console.log(rta)

Pol Valle

student•

Gracias

Cesar Eduardo Valle Pino

student•

Excelente, desconocía que se pudieran utilizar librerías no soportadas.

Raycris Maldonado

student•

Para utilizar lodash con ts, si no les sale en el editor como mostró el profesor, aquí les dejo el comando y el import que necesitan

import * as _ from "lodash"
npm i @types/lodash

Walter Omar Barrios Vazquez

student•

Excelente aporte, gracias!

Manuel Roberto Serrano Torres

student•

Es curioso aprendí Ts a la mala hace como 1 año y medio y más o menos lo usaba como por instinto... Gracias Tio Platzi por este Curso. <3

Gustavo Garcia Luna

student•

Excelente Curso ya puedo agregar TypeScript al CV jejeje. A seguir practicando y aprendiendo TS.

Aaron Contreras Garibay

student•

¿si el ecosistema no tiene un tipado para una libreria, que se hace?

Nicolas Molina

teacher•

Hola, en ese caso que no encuentras soporte de esa librería ni siquiera con @types/your-lib te toca trabajar esa librería sin tipado como no harías normalmente en JS.

Angel Solis

student•

Permítame corregirlo profesor. Sí hay forma de trabajar con ellos con tipado sin que exista un archivo de definición @types/your-lib. Puedes crear tu propio archivo de definiciones index.d.ts en la raíz del proyecto, y declarar el tipado requerido del respectivo módulo de esta forma:

declare module 'postman-runtime' {
    export declare class Runner {
        constructor(...)
    }
...
}

Fernando Orozco Velasquez

student•

Actualmente me aparece que Lodash ya tiene soporte para TypeScript, lo agregaron hace 2 semanas! 🥳

Andres López

student•

Pasar de la sintaxis de require() a la de EcmaScript modules:

// Antes
var _ = require('lodash');
// Después
import _ from 'lodash;

VS Code va a indicar que el módulo no tiene un sistema de tipos y va sugerir la instalación de uno. Ejemplo:

npm i --save-dev @types/lodash

Estos módulos forman parte del ecosistema de TS y permiten agregar tipado a librerías que no lo tienen.

Juan David Moreno Rodriguez

student•

nunca pensé que a final de cuentas, si me gustaria incluir TS a mis skills xd, muchas gracias, excelente curso 10/10

Marcos Manuel López Castro

student•

Pensé que TS era algo del otro mundo. Es genial y ayuda mucho con esos bugs que pasan "sin ser vistos". Excelente y muy explicado el curso.

Diana Carolina Moncada Bohórquez

student•

En definitiva Nicolas Molina es uno de los mejores profesores de Platzi. Explica super bien, da a entender, tiene buena documentación en la zona de recursos y lo más importante, te motiva a practicar. Soy principiante en el uso de TypeScript y me siento muy afortunada de haber tomado este curso. Muchas gracias!

Cristian Fernando Villca Gutierrez

student•

Hace mucho tiempo no disfrutaba tanto hacer un curso

Julian David Vidal González

student•

Osea que es mejor usar "import" en vez de "require"?

Juan Carlos Montilla Sánchez

student•

Hola, Julian.

No, sino que TypeScript utiliza su la programación modular y lo que hace es que crea aparte un modulo donde transforma las librerías con require a import.

Pero ninguna es mejor que la otra, simplemente es el patrón que utiliza TypeScript.

Saludos.

Carlos Ponce

student•

¿Pero el @type es algo que alguien tiene que crear verdad? tengo una libreria que no tiene soporte a TS y la estaba usando en un proyecto de TS, pero yo sé que no he hecho un @type para ella entonces me pregunto ¿cómo puedo hacer para subirlo a npm y que los usuarios lo puedan usar?

Juan Carlos Montilla Sánchez

student•

Hola, Carlos.

Según entiendo, el @type lo generaría TypeScript por defecto. Y con respecto a subir la librería, no hay problema, ya que al no ser soportada por TS, se puede utilizar en JS o se puede crear un fork para poder realizar la migration uno mismo y realizar pull request

Eminson Mendoza

student•

Para que resuelvan las dudas con AI.

import _ from 'lodash';

const data = [
    {
        username: 'nico',
        role: 'admin'
    },
    {
        username: 'Valentina',
        role: 'seller'
    },
    {
        username: 'Zulema',
        role: 'seller'
    },
    {
        username: 'Santiago',
        role: 'seller'
    }
]

const rta = _.groupBy(data, (item) => item.role)
console.log(rta)

Usando librerías que NO soportan TypeScript

Introducción a TypeScript

Por qué usar TypeScript

TypeScript vs. JavaScript

Configurado nuestro proyecto

Atrapando bugs

El compilador de TypeScript

Veamos el TSConfig.json

Tipos de datos primitivos

Qué es el tipado en TypeScript

Tipos inferidos

Numbers

Booleans

Strings

Arrays

Tipos de datos especiales

Any

Union Types

Alias y tipos literales

Null y Undefined

Funciones

Retorno de funciones

Objetos en funciones

Objetos como tipos

Módulos: import y export

Usando librerías que soportan TypeScript

Usando librerías que NO soportan TypeScript

Próximos pasos

Toma el Curso de Tipos Avanzados y Funciones en TypeScript