Rspack Recently Was Awarded Breakthrough of the Year at JSNation

Zack Jackson

Webpack Maintainer & Module Federation Creator

The talk is now being edited and going to be available soon to multipass and full ticket holders

Registered portal users get access 15 days after and the rest 30 days after

Get Multipass

Bookmark

For those who have not heard of Rspack, it's a 1:1 port of Webpack to Rust.

But, did you know that rspack is actually the 4th iteration of native bundlers our team has designed, and it originally started out as a plugin for esbuild. In its development, we have rewritten esbuild & rollup in rust, taken apart parcel to understand it better, and overall have reviewed every bundler on the market during the development of rspack before finally picking the webpack api design for the project as it is known today.

In this talk I will share the behind the scenes of its creation, why we built it, what the future for rspack looks like, and our own experience + business data we have gathered with it in supermassive projects at ByteDance.

This talk has been presented at JSNation US 2024, check out the latest edition of this JavaScript Conference.

bundler

Zack Jackson

18 Nov, 2024

Video transcription, chapters and summary will be available later.

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

The Core of Turbopack Explained (Live Coding)

JSNation 2023

29 min

The Core of Turbopack Explained (Live Coding)

Tobias Koppers

Webpack and Turbopack Creator

Tobias Koppers introduces TurboPack and TurboEngine, addressing the limitations of Webpack. He demonstrates live coding to showcase the optimization of cache validation and build efficiency. The talk covers adding logging and memorization, optimizing execution and tracking dependencies, implementing invalidation and watcher, and storing and deleting invalidators. It also discusses incremental compilation, integration with other monorepo tools, error display, and the possibility of a plugin system for Toolpag. Lastly, the comparison with Bunn's Builder is mentioned.

build tools bundler builders and founders turbopack

Rome, a Modern Toolchain!

JSNation 2023

31 min

Rome, a Modern Toolchain!

Top Content

Jarred Sumner

Creator of Bun.

Bun is a modern JavaScript runtime environment that combines a bundler, transpiler, package manager, and runtime. It offers faster installation of NPM packages and execution of package.json scripts. Bun introduces a new JavaScript and TypeScript bundler with built-in support for server components, enabling easy RPC with the client. This allows for code splitting and running code that streamingly renders React or any other library from the server and mixes it with client code, resulting in less JavaScript sent to the client.

react bundler react server components builders and founders bun bun react

Challenges for Incremental Production Optimizations

JSNation 2024

32 min

Challenges for Incremental Production Optimizations

Tobias Koppers

Webpack and Turbopack Creator

TurboPack is a new bundle similar to Webpack, focusing on incremental builds to make them as fast as possible. Challenges in production builds include persistent caching, incremental algorithms, and optimizing export usage. The compilation process can be split into parsing and transforming modules, and chunking the module graph. TurboPack aims to achieve faster production builds through incremental optimization and efficiency. Collaboration and compatibility with other ecosystems are being considered, along with the design of a plugin interface and tree-shaking optimization.

bundler

Parcel 2: the Automagical Bundler

DevOps.js Conf 2021

8 min

Parcel 2: the Automagical Bundler

Jasper De Moor

Mentorship available

Rust enthousiast, performance obsessed, building developer friendly tools

Parcel 2 is a ground-up rewrite of Parcel 1, a fast and scalable zero-configuration web application bundler used by large companies like Atlassian and Adobe. It offers a zero-config approach with good defaults, making it production-ready out of the box. The new features include a revamped plugin system, a configuration file, transformers for file conversion, optimizers for code compression, target support for different browsers, diagnostics for error debugging, and named pipelines for data and JavaScript in different formats. Parcel 2 also supports different import scenarios, such as importing JSON files with named pipelines and using query parameters for image optimization. It includes various performance improvements, stable caches, optimized data structures, enhanced code splitting and bundling, improved scope hosting, and better support for monorepos and libraries. A React example is provided to showcase the simplicity of Parcel and how to use it with React.

devops bundler

Owning your Build-step – Owning your Code

DevOps.js Conf 2021

28 min

Owning your Build-step – Owning your Code

Lukas Taegert-Atkinson

TNG Technology Consulting GmbH

This Talk explores JavaScript code optimization using Rollup, showcasing examples of improved load times and reduced server size. It delves into Rollup customization and plugin development, demonstrating how to write plugins and remove code using hooks. The Talk also covers module code loading, advanced code control, and importing/emitting files with Rollup. Additionally, it highlights the adoption of Rollup's plugin system by other tools and introduces a self-made terminal used in the presentation.

devops bundler