Usando librerías que soportan TypeScript

Resumen

Las librerías que tienen soporte para TypeScript nos facilitan su uso, y más aún si usas editores de código que se integran bien con este “lenguaje”, pues brindan información muy útil como indicar:

La cantidad de parámetros esperados por una función
El tipo de datos de los parámetros y variables
El tipo de dato que retornará la función
Autocompletado al usar métodos de un módulo
Mejores prácticas

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

Gustavo Restrepo

student•

En la página de npm de cada librería también avisa si tiene soporte para typescript, al lado del nombre de la librería sale un icono azul de typescript.

Luciano Cavallo

student•

Reinaldo Mendoza

student•

Que buen dato, no me habia fijado

Irving Juárez

student•

Conclusiones: Las librerías que tienen soporte para TS son mas sencillas de usar, ya que podemos ver el tipo de dato y la cantidad de parámetros que reciben las funciones.

Oscar Fuentes Esteves

student•

Ok, entonces una librería con soporte para TS se vuelve "estricta" en su uso lo que evita bugs lógicos después.

Muy bueno, ya que una vez me pasó que enviaba un "undefined" a una librería y hacía cosas raras, no marcaba error al compilar el JS, pero no hacía lo que quería.

Raycris Maldonado

student•

aqui tienen el comdando

npm install date-fns --save

Facundo Oubel

student•

No le resto un mes, le resto un dia xD

Jesus Gaspar

student•

hola Facundo, recuerda que le paso como mes un 1 a lo que hace referencia a febrero, al restarle 30 dias pasa a ser enero 29, adicional a esto al pasar los argumentos a new Date los meses se leen desde el 0, soy muy malo con conceptos pero es basicamente esto 0 => enero 1=> febrero ... 11 => Diciembre el resultado seria un new Date(1998, 0, 29) y esto devolveria => 1998/01/29 saludos

César Palma

student•

jaja cierto, es lo que parecía, pero el compañero ya explicó que está pasando

Cesar Eduardo Valle Pino

student•

date-fns es una librería muy liviana para trabajar con fechas, baja el bundle size de una aplicación.

Carlos Rodríguez

student•

Si quieren ejecutar un archivo de TS sin sin traspilarlo en la consola pueden instalar la extensión en vscode Code Runner además e tener instalado en su proyecto local la biblioteca typescript, para que Code Runner funcione on TS deben instalar de forma global la bilioteca ts-node

Henry Corredor

student•

uy ~ de repente esas notaciones que VSCode siempre me ha regresado cobran sentido y se vuelven claras como el agua

Kevin Kleber Rivamontan Alvarado

student•

A mi me sale este problema, supongo que es porque en la conversión de Ts a Js hay algún fallo en la configuración con el tema de los imports y requires

import { subDays, format } from "date-fns";
^^^^^^

SyntaxError: Cannot use import statement outside a module

Juan Carlos Montilla Sánchez

student•

¿Estas seguro que la instalaste en la carpeta de tu proyecto?

Intenta npm install para instalar nuevamente las librerías.

Saludos

Widmar Raul Quispe Leon

student•

alguien mas tiene este error ?

Fernando Alejandro Yerena Ramos

student•

Puedes reportar el fallo a team@platzi.com. Ahí podran brindarte mayor apoyo.

O debajo del video hay un icono de una bandera, al dar click te dara la opción de reportar fallos para esa clase. 🤓

Fernando Orozco Velasquez

student•

A mi todavía me aparece ese error y tengo que recargar la página para continuar con la clase :(

Jose Fabio Ortega Estrada

student•

Notas de la clase:

import {subDays,format} from 'date-fns';// importacion de la libreria.

const date =  new Date(1993,1,6); //  en JavaScript el formato de fechas va de 0 a 11 donde 0 es enero y 11 es diciembre.
const response = subDays(date,1); // funcion para restar dias
const string=format(response,'yyyy/MM/dd');// funcion para dale formato a la fecha.

console.log(string);

Felipe Molano Corredor

student•

hola, si coloco en el format format(respuesta, 'yyyy/mm/dd'); no me funciona, es decir mm en minuscula, me da una resta rara

pero si coloco format(respuesta, 'yyyy/MM/dd'); si me funciona alguien sabe porque?

Juan Carlos Montilla Sánchez

student•

No me había percatado de eso, y ahora que lo pruebo me funciona, debe ser algo referente a la librería, leeré la documentación a ver por qué genera ese error o porque se debe utilizar en mayúsculas.

Juan Carlos Montilla Sánchez

student•

Veo que se referiere a algo en específico, bueno así lo muestra la documentación

Carlos Fernando Pinzón Jáimes

student•

ayuda, porfavor. Le restó un día o un mes? En new Date, 0 = enero y 1 = febrero.

Cuando formatea , se mantiene la nomenclatura anterior o enero sería el mes 1?

Estoy haciendo pruebas y no me cuadra.

Juan Carlos Montilla Sánchez

student•

Hola, Carlos.

Puedes mostrarnos tu código para ayudarte, por favor.

Saludos.

Alexander Moreno

student•

En el ejercicio const date = new Date(1998, 1, 28); (28 de feb 1998) la funcion Date los meses comienzan desde 0 como menciono el profesor a diferencia de lo que nos devuelve format que nos brinda un formato al que estamos acostumbrados 1998/01/29 (29 de enero de 1998) en si se restaron 30 dias

José Gabriel

student•

Que librería para realizar reportes en excel con TypeScript me recomendarían?

Nicolas Molina

teacher•

Hola, normalmente esta tarea de hacer reportes se hacen desde el lado de backend y recuerda para backend con TypeScript pues NestJS es genial, ahora si por archivos excel te refieres a reportes tipo CSV recomiendo usar este paquete npm install csv que es para NodeJS es decir solo para backend.

Bryan Key

student•

Bueno, esta clase va un "poco rapido" para los que inician, pero asi es la programacion chicos! Subanse al carro.

Primero, deben instalar la libreria.

npm i date-fns -d

Luego, como ven en new Date, es el objeto que usamos en Js/ts para iniciar una fecha, cuando el coloca "1998, 1, 28" se refiere a Febrero 28 del 98. Pero solo porque ese OBJETO funciona asi, debajo, usando subDays, que es una funcion de la libreria, el le manda la fecha y luego le resta 30 dias. PERO OJITO, porque debajo el ahora usa format() que es una funcion de la libreria que le da un formato de fecha a nuestros datos, los gringos usan AÑO-MES-DIA o yyyy/MM/dd

(Ojito, el MM en mayuscula es importnate, porque si no, te referirias a minutos, aqui tambien podemos trabajar con horas minutos y segundos)

Como vemos, esta funciona NO usa la misma nomenclatura (forma de hacer algo) que new Date, el si usa 1 para Enero hasta 12 para Diciembre. Por eso cuando el loguea sale 98/01/29. Porque le resto de Febrero que normalmente tiene 28 dias - 30 dias, recordando que Enero tiene 31 dias entonces da el resultado!

Si llegaste hasta aqui leyendo, no te frustres... Asi es la programacion nada esta explicado al 100% todo sera ensayo y error, cagarla es parte de la industria!

Go ahead.

ANDRES ALFONSO MIRA MEJIA

student•

✅

Usando librerías que 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