Recreating UglifyJS Talk: Demystifying Code Minification & Source Maps

Welcome! This repository gathers all the references, slides, and resources from my talk "Recreating UglifyJS From Scratch: Demystifying Code Minification and Source Map Generation".

🚀 About the Talk

Unlock the secrets of code minification and source map generation! In this session, you'll:

• Explore Abstract Syntax Trees (ASTs) and their role in code manipulation.
• Recreate a simplified version of UglifyJS from scratch.
• Learn how source maps work and how to generate them.
• Get inspired to build your own code-generation tools.

📚 Table of Contents

• Slides
• Source Code
• Premium Content
• References
• Getting Started
• Feedback

🎤 Slides

• View the slides
• View the video

💻 Source Code

• Step-by-step UglifyJS recreation
• ESLint Clone tutorial(related project)

🏆 Premium Content

• Ebook: Recreating Node.js from Scratch
• Mastering Node.js Streams

🔗 References

• Blog Post: Source Maps
• Source Maps Visualizer
• Enable Mapping on Firefox
• Source Maps Spec
• TC39
• TC39 Source Maps Proposal
• acorn (AST generator)
• escodegen (JS code generator)
• AST Explorer
• Base64 VLQ (spec)
• Node.js Source Map API
• Chrome DevTools: Source Maps
• UglifyJS AST
• Variable-length quantity (Wikipedia)
• Minification (Wikipedia)

🛠️ Getting Started

This repository is a companion to the talk and serves as a reference hub. For hands-on code, check out the source code links above.

💬 Feedback

Have suggestions or want to contribute more resources? Feel free to open an issue or reach out!

---

Enjoy your journey into the world of code minification and source maps!