[資訊] WebContainer

面向未來的前端開發模式 - 寫於2021年

https://mp.weixin.qq.com/s?__biz=MzkwODIwMDY2OQ==&mid=2247490898&idx=1&sn=192ea96cbd5430bded81cd0e396ad64c&chksm=c0ccc2e0f7bb4bf63ac1231b9dd7ca3d376300aeb182ca3c294636b0ca801f8e6f182ba54982&scene=21#wechat_redirect

React官方也在推薦WebContainer技術

https://www.gushiciku.cn/pl/g5zN/zh-tw

介紹一個能開發簡單SAP UI5應用的線上IDE：StackBlitz

https://iter01.com/586904.html

WebContainer就是可以讓Node.js運行在流覽器中的技術，借助WebAssembly的強大功能、現代流覽器 API（如 Web/ServiceWorker 和 SharedArrayBuffer）以及對硬體訪問能力的增加，可讓Web如同本機應用程式運行，而WebContainer 就是提供了一個為現代應用程式設計的小型可擕式容器和作業系統。

例如基於WebContainer所開發的StackBlitz線上 IDE，無需註冊，只要使用 Github 賬號即可登入。其介面風格和 Visual Studio Code 極為相似，支援前端三駕馬車 Angular，React 和 Vue 專案的建立，包含 Web 專案線上開發，自動管理專案依賴，自動編譯，頁面效果實時預覽等實用功能。

#WebContainer, StackBlitz