Panel Discussion: Next Gen Build Tools

Rate this content
Bookmark

FAQ

The panelists include Evan Yeo, creator of Vue.js and Vite; Sean aka Suik Suang, head of developer experience at Temporal I.O and the author of Coding Career Handbook; and Fred K. Schott, the author of Snowpack and Astro.

Next gen build tools generally adopt new emerging standards like native ES modules and dynamic imports, try to leverage as much native capabilities as possible, and incorporate tools written in languages other than JavaScript to serve the purpose of build tools.

Next gen build tools focus on leveraging native browser capabilities and emerging standards, reducing reliance on extensive external tooling. They aim for more streamlined, efficient processes that integrate more closely with modern web development practices.

Webpack remains a powerful tool with unique features like module federation, but it has tight coupling with its plugins and pipelines, which can make switching to other build tools challenging for projects deeply integrated with Webpack.

Both Vite and Snowpack provide fast development experiences by using native ES modules with hot module replacement. Vite is more opinionated, providing a pre-configured build setup, while Snowpack offers more flexibility in choosing different bundling options for production.

The major challenge is network overhead, even with advances like HTTP/2 and HTTP/3. These protocols improve multiplexing but still cannot match the efficiency of bundled code, especially during initial page loads.

While Angular is tightly integrated with Webpack, making it difficult to switch without redesigning for bundler agnosticism, it's unlikely to replace Webpack soon due to its deep integration and features like module federation.

Shawn Swyx Wang
Shawn Swyx Wang
Fred K. Schott
Fred K. Schott
Evan You
Evan You
Sharone Zitzman
Sharone Zitzman
38 min
10 Jun, 2021

Comments

Sign in or register to post your comment.
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

Vite: Rethinking Frontend Tooling
JSNation Live 2021JSNation Live 2021
31 min
Vite: Rethinking Frontend Tooling
Top Content
Vite is a new build tool that intends to provide a leaner, faster, and more friction-less workflow for building modern web apps. This talk will dive into the project's background, rationale, technical details and design decisions: what problem does it solve, what makes it fast, and how does it fit into the JS tooling landscape.
React Compiler - Understanding Idiomatic React (React Forget)
React Advanced Conference 2023React Advanced Conference 2023
33 min
React Compiler - Understanding Idiomatic React (React Forget)
Top Content
React provides a contract to developers- uphold certain rules, and React can efficiently and correctly update the UI. In this talk we'll explore these rules in depth, understanding the reasoning behind them and how they unlock new directions such as automatic memoization. 
How Bun Makes Building React Apps Simpler & Faster
React Day Berlin 2022React Day Berlin 2022
9 min
How Bun Makes Building React Apps Simpler & Faster
Bun’s builtin JSX transpiler, hot reloads on the server, JSX prop punning, macro api, automatic package installs, console.log JSX support, 4x faster serverside rendering and more make Bun the best runtime for building React apps
The Inner Workings of Vite Build
DevOps.js Conf 2022DevOps.js Conf 2022
31 min
The Inner Workings of Vite Build
Vite unbundled ESM dev server and fast HMR are game-changing for DX. But Vite also shines when building your production applications.This talk will dive into how the main pieces fit together to bundle and minify your code:Vite build as an opinionated Rollup setup.How esbuild is used as a fast TS and JSX transpile and a minifier.The production plugins pipeline.Modern frameworks (Nuxt, SvelteKit, Astro, among others) have chosen Vite, augmenting the DX and optimizations for their target use case.We'll discover Vite as a polished and extendable toolkit to craft optimized modern apps.

Workshops on related topic

Using CodeMirror to Build a JavaScript Editor with Linting and AutoComplete
React Day Berlin 2022React Day Berlin 2022
86 min
Using CodeMirror to Build a JavaScript Editor with Linting and AutoComplete
Top Content
WorkshopFree
Hussien Khayoon
Kahvi Patel
2 authors
Using a library might seem easy at first glance, but how do you choose the right library? How do you upgrade an existing one? And how do you wade through the documentation to find what you want?
In this workshop, we’ll discuss all these finer points while going through a general example of building a code editor using CodeMirror in React. All while sharing some of the nuances our team learned about using this library and some problems we encountered.