Omri Lavi @ ReactNext 24` | The Superpower of ASTs: How We Saved 16% on Our Bundle Size
ReactNext 2024
Israel's largest Frontend Conference
www.react-next.com
Brought to you by EventHandler (www.eventhandler.co.il)
The Superpower of ASTs: How We Saved 16% on Our Bundle Size
In this session I will explain about the development of a special Babel loader, that allowed us to decrease our bundle size by a whopping 16%. We did this by inlining constant objects directly into the referencing code, reducing the need for including huge files at the bundle output. We actually achieved better improvement than Webpack’s tree-shaking! This was allowed by harnessing the power of Babel’s AST tools: utilizing their potentials may yield dramatic results, unattainable by other manners.
In this sessions I will explain about:
What are ASTs and why are they useful
How to develop AST-based tools
Some limitations of tree-shaking
Strategies for writing custom bundler plugins
A secret tip for avoiding our mistake
Join us for a new outlook on ASTs with insights that might surprise you!
Omri Lavi
DevTools Tech Lead @ Monday
With over a decade of industry experience, I've been an engineer at monday.com for the past 2+ years as part of the DevTools group. In this role, our overarching mission centers on creating powerful, user-friendly, and well-documented tools designed to empower developers, ultimately fostering efficiency and job satisfaction within the team. My responsibilities extend beyond coding; I actively engage in understanding the nuanced needs of our developers, ensuring that the tools we build resonate with their workflows and aspirations.