The Fastest Compiler-Augmented Virtual DOM for the Web
|💽 GitHub||View source code|
|📝 Paper||Read more about the research|
|🚧 Presentation||Brief glance at research|
|🌇 Video||Live research presentation|
|💡 Manifesto||Past, present, and future of Virtual DOM|
|🌐 Website||Read documentation|
Today, Million.js is the first effort to bring Virtual DOM into the future after hundreds of hours of experimenting. Traditional Virtual DOM libraries have yet to leverage new technological paradigms in the new age of compiled Transitional UI Libraries. Million.js leverages the compiler to create predefined paths, instead of executing all the work in the browser. Because of of this, Million.js sports exceptional rendering speeds, as is used in many open source projects.
Interactive web applications have increasingly dominated the modern internet, however, they are still created with tools that sacrifice both user and developer experience. This led me to create Million.js, the fastest compiler-augmented virtual Document Object Model (DOM) for the web. Million.js reduces load time and time-to-interactive by creating a compiler to pre-compute interactive regions of a web application before the user visits the page. The virtual DOM run-time optimizes interactive content through compiler flags, compute batching, scheduling, and reactive data primitives to achieve optimal performance. After comparative benchmarking, Million.js resulted in 133% to 300% faster rendering and 2347% faster load time compared with the most popular virtual DOM libraries. When Million.js is compared with a real-world web application with both comparative benchmarks and an informal user study, the initial findings show that 35% rendering speed is compared to React.js. With Million.js, web developers can also use React.js' Application Programming Interface (API) to create web applications. The findings show that through a React.js compatibility layer, web applications have the potential to be orders of magnitude faster than what is currently available.