El futuro de las herramientas de compilación de JavaScript

¿Qué es?

La creación de software JavaScript es un proceso que requiere muchas herramientas. Aunque los navegadores pueden consumir JavaScript directamente, generalmente existe una maquinaria que permite a los desarrolladores concentrarse en la creación de software. Hoy en día, lo más probable es que el código esté escrito en TypeScript , un superconjunto de JavaScript creado por Microsoft que debe traducirse a JavaScript que necesita el navegador (u otros tiempos de ejecución de JavaScript , como, por ejemplo , Node.js ).

Hay varios paquetes que orquestan la creación de los datos que se enviarán al navegador del usuario. Pero este conjunto de software está en constante evolución, a pesar de que existen herramientas bastante comunes en muchos proyectos actuales.

Dependiendo del proyecto, puede ser útil reconsiderar regularmente sus herramientas y estar atento al mercado, ya que varias herramientas nuevas o reemplazos de las antiguas brindan beneficios reales en términos de velocidad y facilidad de uso para el desarrollador.

• TypeScript ya no es tan nuevo y se adopta en más y más proyectos de software. Proporciona seguridad de tipo incluso en diferentes paquetes y le permite evitar cometer errores mientras está programando en lugar de encontrarse con estos en producción. Eso conlleva una sobrecarga tanto al escribir software como al procesarlo en JavaScript.
• El código de la aplicación de su navegador, ya sea TypeScript, JavaScript, HTML, CSS (preprocesado), activos, etc., debe empaquetarse para implementarse. Herramientas como webpack , Rollup , Parcel y otras hacen este trabajo.
• Para su aplicación del lado del servidor, necesita un entorno de tiempo de ejecución como Node.js para ejecutar su software.

En términos de velocidad, esbuild fue un verdadero cambio de juego en nuestros proyectos. Podría usarse, por ejemplo, en configuraciones de paquetes web existentes como un cargador que reemplaza a babel-loader. Por lo general, solo se necesitan ajustes menores en su código y vimos mejoras de velocidad del 50% y más en nuestros proyectos.

Pero esbuild también se puede usar de forma independiente para preparar el código para el tiempo de ejecución. Esbuild está escrito en Go compilado en código nativo, lo que lo hace súper rápido.

Aquí hay algunas herramientas a tener en cuenta:

• Parcel CSS : CSS Parser, compilador y minificador, que promete alta velocidad (como está escrito en Rust )
• Vite.js : herramientas de front-end y agrupación con la velocidad de esbuild bajo el capó. Se basa en los módulos de Ecmascript y tiene una gran opinión para proporcionar una buena experiencia de desarrollo desde el principio.
• Bun : El tiempo de ejecución de JavaScript más reciente. Afirma ser súper rápido y listo para usar con capacidades de agrupación, transpilación (también TypeScript), y tiene las cosas que obtienes con npm directamente integradas. Curiosamente, está escrito en Zig y tiene una bola de masa como su logotipo .

¿Por qué lo recomendamos?

Si bien es importante proporcionar una plataforma estable y bien probada para que se construya la aplicación, las cosas, especialmente en el mundo de JavaScript, se están desarrollando a un ritmo acelerado. Es difícil hacer un seguimiento de todas las cosas nuevas, y muchos proyectos nuevos sufrirán un bajo apoyo en el futuro. Otros están aquí para quedarse y permitir la migración a un mejor flujo de trabajo en desarrollo (como se mencionó anteriormente: TypeScript, esbuild-loader).

Siempre lo alentamos a usar una combinación de herramientas bien probadas y software de última generación, para que controle el riesgo que está tomando. Para el desarrollador, las herramientas presentadas brindan un comienzo más fácil y una alta velocidad para tareas a veces tediosas al crear nuevos productos de software.

Autor: Dirk Weber
Ilustraciones: Kai Sinzinger

Este artículo es parte de una serie llamada #24TechBites. Para endulzar el tiempo que queda hasta Navidad, nuestro objetivo es informarle sobre las tecnologías actuales, inspirarle o darle una revisión opinada de las tendencias de software, todo en forma de 24 pequeñas sorpresas diarias en la tradición alemana de un "Adventskalender".

Para disfrutar de todos los demás #TechBites y obtener más información sobre nosotros y nuestro calendario de adviento, haga clic en #24TechBites .

Sobre

Büro am Draht es una consultoría con sede en Berlín que ayuda a nuestros clientes a crear plataformas digitales resistentes y adaptables para respaldar los requisitos comerciales actuales e incluso lanzar los modelos comerciales del mañana que quizás aún no podamos prever. Por lo tanto, trabajamos en estrecha colaboración en cada etapa del proceso de transformación digital, desde la estrategia digital hasta el diseño y desarrollo de soluciones y el soporte operativo.

Nuestro enfoque ágil para desarrollar soluciones versátiles y escalables garantiza que nuestros clientes brinden constantemente experiencias personalizadas y atractivas. Para obtener más información sobre cómo ayudamos a las empresas de todas las industrias, visite:

LinkedIn
_