Reemplazando Scripts de Shell con TypeScript Multiplataforma

Rate this content
Bookmark

Los scripts de shell cumplen un propósito útil, pero tienen algunas desventajas. ¿Qué pasaría si pudiéramos superar estos problemas y hacer que nuestros scripts sean más poderosos utilizando TypeScript multiplataforma familiar? En esta charla, discutiremos por qué deberías cambiar tus scripts de shell a TypeScript y demostraremos un enfoque posible.

FAQ

Debería considerarlo porque TypeScript es multiplataforma, lo que facilita la ejecución de scripts en distintos sistemas operativos sin dependencias adicionales. Además, ofrece herramientas de desarrollo como verificación de tipos y autocompletado de código que mejoran la productividad y reducen los errores.

Los scripts de shell dependen del sistema operativo y no siempre son compatibles con Windows sin configuraciones adicionales como WSL. Además, aumentar la funcionalidad en scripts de shell puede complicar su mantenimiento y no permiten usar bibliotecas de JavaScript ni aprovechar la verificación de tipos.

Deno facilita la escritura de scripts multiplataforma y admite TypeScript de forma nativa, eliminando la necesidad de configuraciones adicionales como en Node.js. Además, Deno maneja las dependencias de forma automática y está sandboxed por defecto, ofreciendo un entorno más seguro y eficiente.

No, en Deno, TypeScript es compatible de forma nativa y no requiere configuraciones iniciales como un archivo package.json o la instalación de dependencias con npm install, lo que simplifica mucho el proceso en comparación con otros entornos como Node.js.

Dax es una shell multiplataforma escrita en JavaScript que integra comandos comunes de Unix y proporciona APIs útiles para el scripting. Esto incluye ejecución de comandos, manejo de rutas, operaciones sobre archivos y directorios, y otras funcionalidades avanzadas para facilitar el desarrollo de scripts.

David Sherret
David Sherret
8 min
21 Sep, 2023

Comments

Sign in or register to post your comment.

Video Summary and Transcription

El orador discute los beneficios de reemplazar los scripts de shell con TypeScript, destacando las limitaciones de los scripts de shell y las ventajas de TypeScript, como la compatibilidad multiplataforma y una mejor herramienta. Deno se presenta como la plataforma ideal para scripts de un solo archivo, con soporte incorporado para TypeScript, instalación automática de dependencias y sandboxing. Se menciona la biblioteca dax como una herramienta útil para scripts, que proporciona una shell multiplataforma y otras API. En general, la charla enfatiza el poder y la flexibilidad de usar TypeScript y Deno para fines de scripting.

1. Why Replace Shell Scripts with TypeScript

Short description:

Soy David Sherrit, un desarrollador en Deno, y hoy hablaré sobre por qué deberías reemplazar tus scripts de shell con TypeScript multiplataforma. TypeScript no es mi lenguaje principal, pero lo uso en casi todos mis proyectos, y esta charla explicará cómo y por qué también deberías considerar hacerlo. A menudo usamos scripts de shell porque funcionan de inmediato en el sistema en el que estamos, pero tienen desventajas. Los scripts de shell dependen del sistema, no se pueden ejecutar en todas las plataformas y no funcionan en Windows de inmediato. TypeScript, por otro lado, es familiar, tiene excelentes herramientas y permite la creación de scripts multiplataforma en Deno.

Hola a todos. Soy David Sherrit, un desarrollador en Deno, y hoy hablaré sobre por qué deberías reemplazar tus scripts de shell con TypeScript multiplataforma. Esto no es solo una charla para desarrolladores de JavaScript, sino para desarrolladores de cualquier lenguaje y experiencia.

Personalmente, TypeScript no es mi lenguaje principal, pero lo uso en casi todos mis proyectos, y esta charla explicará cómo y por qué también deberías considerar hacerlo.

Entonces, ¿por qué usamos scripts de shell? A menudo los usamos porque funcionan de inmediato en el sistema en el que estamos, por lo que es conveniente. Son fáciles de ejecutar. Tienen una sintaxis concisa y se ejecutan de manera similar a lo que escribimos en la línea de comandos. Entonces, si tienes un comando que ejecutas con frecuencia en tu terminal, a menudo puedes copiarlo y pegarlo en tu script de shell. Sin embargo, hay algunas desventajas. La primera gran desventaja es que dependen del sistema. Los scripts de shell no se pueden ejecutar en todas las plataformas. En su mayoría, no se ejecutarán de inmediato en Windows. A veces, esto también ocurre en sistemas basados en Unix, dependiendo de cómo esté escrito el script de shell. Además, los comandos básicos de Unix no funcionan de inmediato en Windows. Y decirles a los desarrolladores de Windows que usen WSL no es una gran solución. Eso puede requerir que configuren un nuevo entorno de desarrollo dentro de WSL solo para ejecutar el script. Los scripts de shell son excelentes si estás ejecutando unos pocos comandos, pero es difícil aumentar la funcionalidad sin aumentar drásticamente la complejidad.

Otro punto específico para los desarrolladores de JavaScript es que los scripts de shell presentan código que debemos mantener en otro lenguaje. Tampoco podemos usar nuestras bibliotecas favoritas de JavaScript. Por último, no hay verificación de tipos. No obtenemos autocompletado de código para ayudarnos a desarrollar y todas las demás herramientas agradables que TypeScript proporciona.

Ahora, ¿por qué deberías usar TypeScript en lugar de scripts de shell? En primer lugar, es familiar, y TypeScript y JavaScript son lenguajes populares con una gran comunidad. Muchos desarrolladores al menos han tocado JavaScript o al menos pueden entender su sintaxis. En segundo lugar, está la verificación de tipos y las herramientas. Un gran beneficio de TypeScript es que sus herramientas son excelentes, incluso si solo estamos usando JavaScript. Obtenemos funciones como autocompletado de código, ir a la definición y errores de verificación de tipos en el editor.

Esta charla no solo trata sobre por qué deberías reemplazar los scripts de shell con TypeScript, sino también por qué deberías usar Deno mientras lo haces. En primer lugar, es mucho más fácil escribir scripts multiplataforma en Deno que scripts de shell, porque la mayoría de las API funcionan en varias plataformas. Obviamente, hay algunas API específicas de la plataforma, si las necesitas, pero generalmente no tenemos que recurrir a ellas.

2. Advantages of Deno for Single File Scripting

Short description:

Deno es la mejor plataforma para escribir scripts de un solo archivo. Admite TypeScript de forma nativa, instala automáticamente las dependencias según el código y está sandboxed por defecto. Deno también te permite definir las dependencias en el propio archivo de script, lo que facilita alojar los scripts en un servidor web. Además, la biblioteca dax proporciona una shell multiplataforma con comandos comunes de Unix y otras API útiles para scripting. Si bien lanzar comandos puede ser un poco más verboso que los scripts de shell, las ventajas de escribir scripts en JavaScript superan esto. En general, Deno ofrece un entorno potente y flexible para scripting de un solo archivo.

En segundo lugar, tenemos los scripts de un solo archivo. Obviamente, estoy sesgado, pero creo que Deno es la mejor plataforma para escribir scripts de un solo archivo. Por ejemplo, en Node, usar TypeScript requiere una configuración adicional. Necesitas tener un archivo package.json para definir las dependencias. Esto también requiere que cualquier persona que ejecute tus scripts recuerde ejecutar npm install primero y también después de cualquier cambio en las dependencias. Ese proceso crea una carpeta de módulos de Node en el árbol de directorios. Por lo tanto, ya tienes dos entradas adicionales en el sistema de archivos, por lo que no es un script de un solo archivo.

Por otro lado, en Deno, TypeScript es compatible de forma nativa, por lo que puedes ejecutar código TypeScript directamente. Es opcional usar un archivo de configuración para definir tus dependencias, y también es opcional tener una carpeta de módulos de Node para las dependencias de npm. Es importante tener en cuenta que aún puedes usar ese modelo si lo deseas, pero es opcional. En tercer lugar, las dependencias se instalan automáticamente según el código, por lo que no es necesario ejecutar un comando de configuración separado como npm install.

Finalmente, Deno está sandboxed por defecto. Node recientemente obtuvo un sistema de permisos experimental, pero es opcional en lugar de ser obligatorio. Otra gran ventaja de Deno para scripting de un solo archivo es que es posible definir las dependencias en el propio archivo de script. Por ejemplo, puedes importar paquetes de npm o usar importaciones https para alojar fácilmente scripts en un servidor web y hacer referencia a ellos directamente. Una parte negativa de esto es que es verboso lanzar subprocesos utilizando una API de proceso de bajo nivel disponible tanto en Node como en Deno. Pero eso no es un gran problema, porque podemos importar una dependencia que ayuda a que sea más similar a los scripts de shell. Hay una biblioteca que escribí llamada dax. Dax es una shell multiplataforma escrita en JavaScript que tiene comandos comunes de Unix integrados. También tiene otras API útiles para ayudar con el scripting.

Aquí hay algunos ejemplos de ejecución de comandos. La sintaxis de la shell que admite es una sintaxis común que se encuentra en los scripts de shell. Para casos más complejos, como bucles, probablemente quieras usar JavaScript en su lugar. Nuevamente, para enfatizar, todo el código mostrado aquí funciona en Windows. Lanzar comandos es un poco más verboso que los scripts de shell para casos simples, pero en mi opinión, las ventajas de poder escribir estos scripts principalmente en JavaScript superan la ligera verbosidad adicional al lanzar comandos. Además, se podría argumentar que esto es menos verboso en casos complejos. Por ejemplo, como se muestra en la última línea de este código, acceder a las propiedades de la salida JSON de un comando es bastante fácil.

Finalmente, DAX tiene API de registro, una API de ruta. Por ejemplo, aquí creamos un objeto de referencia de ruta para el directorio fuente, verificamos si es un directorio y luego llamamos a mkdir para crear el directorio. Luego obtenemos una referencia a un archivo de texto dentro de ese directorio, escribimos algo de texto en él o incluso podríamos leer desde ese archivo de texto. O podríamos escribir algún objeto como JSON en un archivo o leerlo deserializándolo en un valor JSON. También hay API para hacer preguntas, hacer selecciones y mostrar progreso. Finalmente, hay una API de solicitud incorporada que es similar a la API fetch, pero menos propensa a errores y con algunas funciones adicionales.

De todos modos, hay mucho más en esto, y recomendaría consultar la documentación para obtener más detalles. Gracias por escuchar mi charla.

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.
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.
Practica Técnicas de TypeScript Construyendo una Aplicación con Componentes de Servidor React
TypeScript Congress 2023TypeScript Congress 2023
131 min
Practica Técnicas de TypeScript Construyendo una Aplicación con Componentes de Servidor React
Workshop
Maurice de Beijer
Maurice de Beijer
En esta masterclass práctica, Maurice te guiará personalmente a través de una serie de ejercicios diseñados para empoderarte con una profunda comprensión de los Componentes de Servidor React y el poder de TypeScript. Descubre cómo optimizar tus aplicaciones, mejorar el rendimiento y desbloquear nuevas posibilidades.
 
Durante la masterclass, realizarás:
- Maximizar la mantenibilidad y escalabilidad del código con prácticas avanzadas de TypeScript
- Desatar los beneficios de rendimiento de los Componentes de Servidor React, superando enfoques tradicionales
- Potenciar tu TypeScript con el poder de los Tipos Mapeados
- Hacer tus tipos TypeScript más seguros con Tipos Opacos
- Explorar el poder de los Tipos de Plantillas Literales al usar Tipos Mapeados
 
Maurice estará virtualmente a tu lado, ofreciendo una guía completa y respondiendo a tus preguntas mientras navegas por cada ejercicio. Al final de la masterclass, habrás dominado los Componentes de Servidor React, armado con un nuevo arsenal de conocimientos de TypeScript para potenciar tus aplicaciones React.
 
No pierdas esta oportunidad de elevar tu experiencia en React a nuevas alturas. Únete a nuestra masterclass y desbloquea el potencial de los Componentes de Servidor React con TypeScript. Tus aplicaciones te lo agradecerán.
Tipos avanzados de TypeScript para diversión y confiabilidad
TypeScript Congress 2022TypeScript Congress 2022
116 min
Tipos avanzados de TypeScript para diversión y confiabilidad
Workshop
Maurice de Beijer
Maurice de Beijer
Si estás buscando sacar el máximo provecho de TypeScript, este masterclass es para ti! En este masterclass interactivo, exploraremos el uso de tipos avanzados para mejorar la seguridad y previsibilidad de tu código TypeScript. Aprenderás cuándo usar tipos como unknown o never. Exploraremos el uso de predicados de tipo, guardias y verificación exhaustiva para hacer tu código TypeScript más confiable tanto en tiempo de compilación como en tiempo de ejecución. Aprenderás sobre los tipos mapeados incorporados, así como cómo crear tus propias utilidades de mapeo de tipos. Y comenzaremos a programar en el sistema de tipos de TypeScript utilizando tipos condicionales e inferencia de tipos.
¿Estás familiarizado con los conceptos básicos de TypeScript y quieres profundizar? Entonces únete a mí con tu computadora portátil en este masterclass avanzado e interactivo para aprender todos estos temas y más.
Puedes encontrar las diapositivas, con enlaces, aquí: http://theproblemsolver.nl/docs/ts-advanced-workshop.pdf
Y el repositorio que utilizaremos está aquí: https://github.com/mauricedb/ts-advanced
Dominando Node.js Test Runner
TestJS Summit 2023TestJS Summit 2023
78 min
Dominando Node.js Test Runner
Workshop
Marco Ippolito
Marco Ippolito
Node.js test runner es moderno, rápido y no requiere bibliotecas adicionales, pero entenderlo y usarlo bien puede ser complicado. Aprenderás a utilizar Node.js test runner a su máximo potencial. Te mostraremos cómo se compara con otras herramientas, cómo configurarlo y cómo ejecutar tus pruebas de manera efectiva. Durante la masterclass, haremos ejercicios para ayudarte a sentirte cómodo con el filtrado, el uso de afirmaciones nativas, la ejecución de pruebas en paralelo, el uso de CLI y más. También hablaremos sobre trabajar con TypeScript, hacer informes personalizados y la cobertura de código.