JavaScript Modules 101 – Still need to bundle your browser code?
Channel: Andrew Connell
Date: 2023-01-12

In this episode, we'll explore JavaScript (ECMAScript) modules that are built into the browser that doesn't use bundling. You'll learn how they compare to the alternatives and how to use them in modern browser code. You'll also learn about the tradeoffs of bundling your modules vs. allowing the browser to access them directly, and how HTTP 2 affects the need for bundling.


🔗  Resources:
-------------------------------------------
🔗 Browser Native series - https://vtns.io/browser-native
🔗 History of JavaScript Modules (from Revealing Module pattern to ES Modules) https://www.codeproject.com/Articles/5265230/Understanding-all-JavaScript-Module-Formats-and-To
🔗 HTTP 2.0 demo http://www.http2demo.io
🔗 HTTP Push https://en.wikipedia.org/wiki/HTTP/2_Server_Push


📚 Chapters
-------------------------------------------
00:00 : Introduction
00:28 : What is a JavaScript module and why do they exist?
07:00 : Code sample: Lewis Carroll in JavaScript
15:04 : To bundle or not to bundle
18:33 : The impact of HTTP 2.0


🔖  My on-demand & free email courses
-------------------------------------------
📺  Mastering the SharePoint Framework
  https://www.voitanos.io/course-master-sharepoint-framework
📺  Extend Viva Connections with the SharePoint Framework Adaptive Card Extensions
  https://www.voitanos.io/course-viva-connections-sharepoint-framework-adaptive-card-extensions
✉️  Explore & evaluate the SharePoint Framework
  https://www.voitanos.io/ecourse-explore-evaluate-spfx/
✉️  Understand the SharePoint Framework toolchain
  https://www.voitanos.io/ecourse-understand-spfx-dev-toolchain/


🔗  Links
-------------------------------------------
Website ▶️ https://www.voitanos.io
Twiter ▶️ https://twitter.com/andrewconnell
Facebook ▶️ https://www.facebook.com/voitanos
LinkedIn ▶️ https://www.linkedin.com/in/andrewconnell
Instagram ▶️ https://www.instagram.com/voitanos_llc

#BrowserNative #JavaScript