Mi primer proyecto TypeScript
Contenido del curso
Eddy Arellanes
Alex Leonardo Rodriguez Carvajal
Miguel Angel Reyes Moreno
ELKIN YESID MORENO VELEZ
Cristian Blandon
Hector Vasquez
Jhon Alexander Romero Gonzaga
Lina Katherine Larrea
Federico Walovnik
Luis Alejandro Vera Hernandez
Juan Diego Urbina Chuscano
Abril Rios
Moisés Manuel Morín Hevia
Miguel Angel Reyes Moreno
Jeisson Santiago Cortes Ortiz
Marlon Ramirez
Isaac Navajas Pozo
Moisés Manuel Morín Hevia
Carlos Guerra
Moisés Manuel Morín Hevia
Ariel Ezequiel Biazzo Genua
Cesar Augusto Avendaño Gamboa
Jonathan Venegas
Daniel Cruz
Santiago Cepeda
Gustavo Hernan Tiseira
Fredy Daniel Flores Lemus
Carlos Zabala Roqueme
Fredy Daniel Flores Lemus
Diego Fernando Caviedes Camaho
Joalin Pineda
Diego Fernando Caviedes Camaho
Roberto Enrique Ajuchan Lopez
Alex hernandez mitre
Jimmy Buriticá Londoño
Jofay Zhan Segura
Gustavo Adolfo Perez Ramos
@ wrosb
Moisés Manuel Morín Hevia
Si queremos ejecutar archivos de .ts sin transpilar, podemos usar una librería que se llama ts-node
Por ejemplo en el package.json
"dev": "ts-node index.ts"
O directamente en consola con npx
npx ts-node index.ts
Su caso de uso común es probar que todo funcione antes de traspilar para ahorrar tiempo, un ejemplo de cuando se quiere monitorear Express usando TS
En el package.json
"dev": "nodemon --exec ts-node -- ./server.ts",
cool!
¿Quieres decir que nos ahorramos un paso y ejecutamos directamente TS sin tener que crear archivos JS?
Importantísimo aprender TypeScript para afrontar proyectos en Node Js, en Angular, en React.
TypeScript es un Lenguaje de Alto Nivel que al Transpilarse genera JavaScript.
Con el único objetivo de fomentar discusión constructiva... Me gustaría, ¿por qué lo haces ver tan importante para afrontar proyectos con dichas tecnologías? Acaso, ¿no es posible generar buenos o excelentes proyectos con, por ejemplo, React, sin usar Typescript?
concuerdo. Typescript incluso en modo no estricto, ayuda a evitar errores como mínimo los más básicos, como que una variable pueda no estar definida.
Esto evita posibles errores difíciles de detectar a simple vista en tiempo de ejecución. Yo lo apliqué a react y los problemas disminuyeron bastante
Aprender Webpack es aun mejor, podemos impulsar a TypeScript mucho, incluso implementarlo con react, vue y Angular (pero este ya lo tiene :)).
¿Hay algún curso de Wepack en Platzi?
Si lo hay, creo que lo da Leonidas, esta bastante bueno
MI PRIMER PROYECTO TYPESCRIPT
"outDir": "./dist",tscnode dist/hello.jses muy similar usar tsc --watch a nodemon.
En parte si aunque nodemon te permite ver los resultados que en TypeScript es con node rute/file. Nodemon se podria tomar con una combinación de tsc --watch y node rute/file.
Seee me converse más usar -w
Podemos configurar en el archivo de configuración la instrucción "outDir": "./dist", para que los archivos de JavaScript se guarden en una carpeta dist que, si no existe, se generará de forma automática.
Alguien me puede explicar para que hacemos lo del outDir?, desafortunadamente no lo he comprendido del todo
Es para que los archivos compilados se guarden autimaticamente en la direccion que estipules alli
Lo que estamos configurando y programando es Typescript, Typescript es un copilador que compila el código a javascript, el outDir de TsConfig sirve para guardar la ubicación del archivo compilado a javascript.
Crear una carpeta, tsc --init, crear una carpeta src & mover(crear) el main.ts, ejecutar tsc --watch 1.) En tsconfig.json descomentar outDir & agregar la carpeta "./dist" & ejecutar ts --watch para compilar cambios. 2) Ejecutar el archivo js. node dist/main.js
Hello TS World!
Hellooooo
Hola! Como estan? Aclaro por si acaso, si ven que el camando tsc no crea los archivos .js, prueben con cerrar visual studio y volverlo a abrir, (lo comento porque a mi me sucedio y eso me lo soluciono)
A mi me pasó una novatada y era que cree el archivo .ts cuando escribí el código se me olvido guardar los cambios. Claro al ejecutar el comando tsc compilaba y el archivo .js no tenia nada de código.
con ctl + c en windows puede cortar la ejecución del observador del compliador de TypeScript en la terminal
Aún no entiendo que es lo Super de TypeScript, cuales son las super ventajas de empezar a usarlo en lo lugar de JS.
Puede que nos parezca a simple vista que es añadir mas complejidad a nuestro codigo sin embargo al tratar con proyectos grandes te daras cuenta que te ayudara full, ya que te ayuda a escribir código con menos errores, más sencillo, coherente y fácil de probar.
Con estos ejemplos tan basicos es imposible notar que haya una mejora, pero la realidad es que cuando se programa de verdad se empieza a notar las mejoras. Una vez leí como analogía que usar JS sin TS es como conducir sin frenos, me pareció gracioso pero interesante! jaja!
Existe un archivo como tsconfig.json pero para configurar la compilación de SASS?
Para compilar archivos sass, te recomiendo usar webpack o si usas vscode como editor de texto hay un plugin que se llama Live Sass Compiler, que te compila archivos sass automáticamente.
😮 Gracias bro, no había escuchado de esa extensión.
que es nodemon es un demomio o proceso de node para que?
Es un demonio, una utilidad que monitorea los cambios en el código fuente que se está desarrollando y automáticamente reinicia el servidor. Es una herramienta muy útil para desarrollo de aplicaciones con javascript.
también sirve para despliegues me imagino verdad?
Buenísima la forma de explicar el profe, la velocidad, los temas, las palabras, todo es excelente.
console.log("todo funcionando a la perfección");
Listo el entorno, ahora si empecemos con el lenguaje.
Hola compañeros, les comparto mi repositorio donde subo mis notas y codigo 😀
TypeScript es increible :)
Personalizando las salidas de los diferentes archivos JS con outDir
Sí, para almacenar las compilaciones que se hagan.