The Superpower of ASTs: How We Saved 16% on Our Bundle Size

React Day Berlin

React Day Berlin 2024

Omri Lavi

Discover the untapped potential of Abstract Syntax Trees (ASTs) in this transformative session. Learn how we achieved a remarkable 16% reduction in our bundle size by inlining constant objects directly into the referencing code, eliminating the need for large files in the output. This method even outperforms Terser's tree shaking used by Webpack. We will cover: * Introduction to ASTs: What they are and why they’re invaluable. * Overcoming AST Challenges: How to navigate the difficulties of working with ASTs. * Best Practices: Proven techniques for effective AST utilization. * Avoiding Pitfalls: A secret tip to prevent common mistakes. ASTs are everywhere, and their applications are vast. This session will empower you with the knowledge and confidence to transform your code, revealing when and how to use ASTs for remarkable results. Join me for an inspiring journey into the world of ASTs and unlock their potential to revolutionize your coding practices!