JavaScript Simplified Course: https://javascriptsimplified.com

Most people are familiar with standard ES6 module imports in JavaScript, but did you know that you can also do dynamic module imports as well. These imports are perfect for code splitting, and speeding up your page load speeds. In this video I will explain everything you need to know about dynamic module imports with in depth real world examples.


Materials/References:

JavaScript Simplified Course: https://javascriptsimplified.com
Dynamic Module Imports Article: https://blog.webdevsimplified.com/2021-03/dynamic-module-imports
Destructuring Video: https://youtu.be/NIq3qLaHCIs
Destructuring Article: https://blog.webdevsimplified.com/2020-08/destructuring-and-spread
Async Await Video: https://youtu.be/V_Kr9OSfDeU


Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:25 - Dynamic Module Imports Explained
03:30 - Example 1: Code Splitting
05:40 - Example 2: Reduce Memory Usage
09:14 - Example 3: Increase Code Performance


#DynamicModules #WDS #ES6