Awesome GitHub RepositoriesJavaScript Bundling Workflows

react-loadable is a React component lazy loader and JavaScript bundle orchestrator designed to manage the delivery of asynchronous components. It provides a bridge for server-side rendering to coordinate dynamic module preloading and prevent content flicker during client hydration. The project includes a dynamic component preloader to trigger background fetches of visual components before they are required on screen. It utilizes a system to map individual modules to their respective bundles, ensuring the correct assets are delivered. The library covers code splitting workflows and asynchrono

Rolldown is a high-performance JavaScript and TypeScript module bundler written in Rust. It functions as a fast module compiler that implements a Rollup-compatible API to ensure compatibility with existing workflows and plugins while specializing in ECMAScript Module formats. The project distinguishes itself by using a Rust-based core engine and lazy compilation to reduce the time spent resolving and transforming source code. It focuses on minimizing final delivery sizes through static analysis and tree-shaking to remove unused code. The toolset covers a broad range of build capabilities, in

Metalsmith is a Node.js static site generator and static content processor that transforms source files into websites, eBooks, or technical documentation. It functions as a file-to-object transformer, converting directory trees into plain JavaScript objects that can be programmatically manipulated in memory. The project is built around a pluggable build pipeline where files are passed through a sequence of custom functions to transform content and metadata incrementally. This architecture allows users to extend functionality by writing their own plugins or using third-party modules to define

size-limit is a set of specialized tools for measuring JavaScript bundle sizes and enforcing performance budgets within continuous integration pipelines. It functions as a bundle size monitor and budget enforcer that can reject pull requests when JavaScript bundles exceed predefined size thresholds. The project distinguishes itself by providing a browser-based execution profiler that calculates the time required to compile and execute JavaScript on simulated low-end hardware. It also includes a tree-shaking validator that analyzes partial import bundle sizes to verify that unused code is corr

Metro es un bundler de JavaScript diseñado para entornos React Native. Funciona como un sistema para resolver dependencias, transformar código fuente y empaquetar JavaScript y activos en bundles para su ejecución. El proyecto incluye un servidor de bundler de desarrollo que aloja activos a través de HTTP y proporciona reemplazo de módulos en caliente (HMR). Cuenta con un resolvedor de módulos que maneja extensiones de archivo específicas de la plataforma y un transformador de código fuente que convierte el código en estructuras de árbol para su optimización y minificación. El conjunto de herramientas cubre la generación programática de bundles, la creación de mapas de origen y el almacenamiento en caché del sistema de archivos para evitar transformaciones redundantes. También proporciona capacidades para la gestión de activos, inyección de polyfills y configuración segura del servidor utilizando certificados TLS para endpoints cifrados. Se incluyen herramientas de monitoreo para rastrear el estado del empaquetado y registrar metadatos de rendimiento para eventos de inicio y actualización.

Este proyecto es un scaffold de JavaScript full-stack y un boilerplate de proyecto MERN stack. Proporciona una estructura de proyecto preconfigurada que combina MongoDB, Express, React y Node.js para reducir el tiempo de configuración manual al arrancar aplicaciones web basadas en datos. El toolkit cuenta con un entorno full-stack dockerizado que aísla la aplicación y la base de datos en contenedores para asegurar la consistencia entre el desarrollo y la producción. También incluye un framework de renderizado del lado del servidor diseñado para generar HTML en el servidor e hidratar en el cliente para mejorar las velocidades de carga y la visibilidad en los motores de búsqueda. El proyecto cubre un amplio flujo de trabajo de desarrollo, incluyendo el andamiaje de proyectos basado en plantillas a través de una interfaz de línea de comandos, empaquetado de activos y transpilación de JavaScript. Además, admite la precarga de componentes del lado del servidor para asegurar la disponibilidad de datos antes del renderizado de la página.

Blendid es un generador de sitios estáticos basado en Gulp y pipeline de activos diseñado para transformar archivos fuente en sitios web terminados. Funciona como un sistema para renderizar documentos HTML inyectando datos de configuración estructurados en plantillas y gestionando los pipelines de compilación automatizados necesarios para la entrega en producción. El proyecto proporciona un pipeline de activos configurable que empaqueta y minifica JavaScript con opciones específicas del entorno y mapas de fuente (source maps). Incluye un compilador que transforma archivos Sass y PostCSS en hojas de estilo CSS minificadas y con prefijos de proveedor. La superficie de automatización de compilación cubre la orquestación de tareas, la gestión de activos del proyecto y la limpieza de artefactos de compilación. También incluye funciones para optimizar activos para protocolos de red modernos y proporcionar ayudantes de integración para conectar pipelines en estructuras de aplicaciones existentes.

Fuse-Box es un bundler de JavaScript, cargador de módulos y servidor web de desarrollo. Empaqueta archivos fuente de JavaScript en bundles optimizados para su ejecución tanto en entornos de navegador como de servidor. El proyecto gestiona el flujo de trabajo de desarrollo frontend combinando el empaquetado de activos con un servidor local para previsualizar los cambios de la aplicación en tiempo real. Incluye una API programática para cargar y ejecutar módulos de JavaScript en el navegador. El sistema maneja el empaquetado de activos de JavaScript y la carga de módulos mediante el análisis del grafo de dependencias y la resolución dinámica de puntos de entrada. Emplea un pipeline de construcción incremental, caché de bundles basada en memoria y un sistema de archivos virtual para gestionar archivos y bundles bajo demanda.