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.

This talk has been presented at TypeScript Congress 2023, check out the latest edition of this JavaScript Conference.

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

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
Today's Talk focuses on React's best types and JSX. It covers the types of JSX and React components, including React.fc and React.reactnode. The discussion also explores JSX intrinsic elements and react.component props, highlighting their differences and use cases. The Talk concludes with insights on using React.componentType and passing components, as well as utilizing the react.element ref type for external libraries like React-Select.
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
React and TypeScript have a strong relationship, with TypeScript offering benefits like better type checking and contract enforcement. Failing early and failing hard is important in software development to catch errors and debug effectively. TypeScript provides early detection of errors and ensures data accuracy in components and hooks. It offers superior type safety but can become complex as the codebase grows. Using union types in props can resolve errors and address dependencies. Dynamic communication and type contracts can be achieved through generics. Understanding React's built-in types and hooks like useState and useRef is crucial for leveraging their functionality.
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
Top Content
Daniel Rowe discusses building a TypeScript-first framework at TypeScript Congress and shares his involvement in various projects. Nuxt is a progressive framework built on Vue.js, aiming to reduce friction and distraction for developers. It leverages TypeScript for inference and aims to be the source of truth for projects. Nuxt provides type safety and extensibility through integration with TypeScript. Migrating to TypeScript offers long-term maintenance benefits and can uncover hidden bugs. Nuxt focuses on improving existing tools and finds inspiration in frameworks like TRPC.
Deja de Escribir tus Rutas
Vue.js London 2023Vue.js London 2023
30 min
Deja de Escribir tus Rutas
Designing APIs is a challenge, and it's important to consider the language used and different versions of the API. API ergonomics focus on ease of use and trade-offs. Routing is a misunderstood aspect of API design, and file-based routing can simplify it. Unplugging View Router provides typed routes and eliminates the need to pass routes when creating the router. Data loading and handling can be improved with data loaders and predictable routes. Handling protected routes and index and ID files are also discussed.
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
This talk discusses the performance issues in TypeScript builds and introduces a new feature called isolated declarations. By running the compiler in parallel and using isolated modules, significant performance gains can be achieved. Isolated declarations improve build speed, compatibility with other tools, and require developers to write types in code. This feature has the potential to further increase performance and may be available in TypeScript soon.
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
Alex introduces tRPC, a toolkit for making end-to-end type-safe APIs easily, with auto-completion of API endpoints and inferred data from backend to frontend. tRPC works the same way in React Native and can be adopted incrementally. The example showcases backend communication with a database using queries and validators, with types inferred to the frontend and data retrieval done using Prisma ORM.

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.
Dominando conceptos avanzados en TypeScript
React Summit US 2023React Summit US 2023
132 min
Dominando conceptos avanzados en TypeScript
Top Content
Featured WorkshopFree
Jiri Lojda
Jiri Lojda
TypeScript no es solo tipos e interfaces. Únete a esta masterclass para dominar características más avanzadas de TypeScript que harán tu código a prueba de balas. Cubriremos tipos condicionales y notación de inferencia, cadenas de plantillas y cómo mapear sobre tipos de unión y propiedades de objetos/arrays. Cada tema se demostrará en una aplicación de muestra que se escribió con tipos básicos o sin tipos en absoluto y juntos mejoraremos el código para que te familiarices más con cada característica y puedas llevar este nuevo conocimiento directamente a tus proyectos.
Aprenderás:- - ¿Qué son los tipos condicionales y la notación de inferencia?- ¿Qué son las cadenas de plantillas?- Cómo mapear sobre tipos de unión y propiedades de objetos/arrays.
Consejos y Trucos Profundos de TypeScript
Node Congress 2024Node Congress 2024
83 min
Consejos y Trucos Profundos de TypeScript
Top Content
Featured 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.
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.
Building Your Own Custom Type System
React Summit 2024React Summit 2024
38 min
Building Your Own Custom Type System
Featured Workshop
Kunal Dubey
Kunal Dubey
I'll introduce the audience to a concept where they can have end-to-end type systems that helps ensure typesafety across the teams Such a system not only improves communication between teams but also helps teams collaborate effectively and ship way faster than they used to before. By having a custom type system, teams can also identify the errors and modify the API contracts on their IDE, which contributes to a better Developer Experience. The workshop would primarily leverage TS to showcase the concept and use tools like OpenAPI to generate the typesystem on the client side. 
Frictionless Development With Unified Type System
JSNation 2024JSNation 2024
113 min
Frictionless Development With Unified Type System
Featured Workshop
Ejiro Asiuwhu
Ejiro Asiuwhu
Imagine developing where frontend and backend sing in harmony, types dance in perfect sync, and errors become a distant memory. That's the magic of TypeScript Nirvana!
Join me on a journey to unveil the secrets of unified type definitions, the key to unlocking frictionless development. We'll dive into:
- Shared language, shared love: Define types once, share them everywhere. Consistency becomes your BFF, errors your worst nightmare (one you'll rarely see).- Effortless coding: Ditch the manual grind of type checking. TypeScript's got your back, freeing you to focus on building awesomeness.- Maintainability magic: With crystal-clear types guiding your code, maintaining it becomes a walk in the park. More time innovating, less time debugging.- Security fortress: TypeScript's type system shields your app from common vulnerabilities, making it a fortress against security threats.