Usando librerías que soportan TypeScript
Contenido del curso
Gustavo Restrepo
Luciano Cavallo
Reinaldo Mendoza
Irving Juárez
Oscar Fuentes Esteves
Raycris Maldonado
Facundo Oubel
Jesus Gaspar
César Palma
Cesar Eduardo Valle Pino
Carlos Rodríguez
Henry Corredor
Bryan Key
Kevin Kleber Rivamontan Alvarado
Juan Carlos Montilla Sánchez
Widmar Raul Quispe Leon
Fernando Alejandro Yerena Ramos
Fernando Orozco Velasquez
Jose Fabio Ortega Estrada
Felipe Molano Corredor
Juan Carlos Montilla Sánchez
Juan Carlos Montilla Sánchez
Carlos Fernando Pinzón Jáimes
Juan Carlos Montilla Sánchez
Alexander Moreno
José Gabriel
Nicolas Molina
Profesor
ANDRES ALFONSO MIRA MEJIA
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.
Que buen dato, no me habia fijado
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.
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.
aqui tienen el comdando
npm install date-fns --save
No le resto un mes, le resto un dia xD
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
jaja cierto, es lo que parecía, pero el compañero ya explicó que está pasando
date-fns es una librería muy liviana para trabajar con fechas, baja el bundle size de una aplicación.
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
uy ~ de repente esas notaciones que VSCode siempre me ha regresado cobran sentido y se vuelven claras como el agua
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.
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
¿Estas seguro que la instalaste en la carpeta de tu proyecto?
Intenta npm install para instalar nuevamente las librerías.
Saludos
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. 🤓
A mi todavía me aparece ese error y tengo que recargar la página para continuar con la clase :(
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);
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?
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.
Veo que se referiere a algo en específico, bueno así lo muestra la documentación
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.
Hola, Carlos.
Puedes mostrarnos tu código para ayudarte, por favor.
Saludos.
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
Que librería para realizar reportes en excel con TypeScript me recomendarían?
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.
✅
