holyjs HolyJS 2020 SPb (22.06.2020 — 26.06.2020)

Conditional modules & dynamic bundling, a Netflix original

img

We learn about how team at Netflix hacked Webpack, leveraged Abstract Syntax Tree (AST) to identify conditional dependencies in dependency graph and glued them all together to build a highly scalable, server-side JS and CSS bundler, that serves these unique user experiences to millions of Netflix customers across the globe.

<p>Netflix runs hundreds of A/B tests a year and we have seen exponential growth in variations of user experiences we serve to our Netflix users. Pre-publishing these millions of variations of the UI bundles to allow for these unique experiences, was not possible at Netflix’s scale.</p> <p>So what did we do?</p> <p>We built our own "Conditional Module Bundler" on top of Webpack.

This talk gives a sneak peek at how Netflix uses "conditional dependency graph" and "runtime dynamic bundling" to generate and deliver unique UI bundles directly at runtime. The audience will also get to know about the challenges involved and the lessons learned while building such a system.</p> <p>Learn about how we hacked Webpack for our needs, leveraged Abstract Syntax Tree (AST) to identify conditional dependencies in our dependency graph and glued them all together to build a highly scalable, server-side JS and CSS bundler, that serves these unique user experiences to millions of Netflix customers across the globe. </p>