Front end technologies for desktop applications: embrace window.open()!
summary
Shows a concrete technique used in GOG GALAXY: expose the parent framework runtime via window.opener, attach the parent Angular injector or a shared Redux store to window, and bootstrap child windows to reuse those instances so state and view updates sync. Demos include an Angular and a React+Redux counter that work bi-directionally. Works in single-renderer setups (CEF/Electron); tradeoffs: breaks encapsulation, complicates unit tests, and risks large memory leaks. Code and an npm helper are on GitHub.
AI-written summary · about
chapters (7)
- 0:00Introduction and motivation
- 12:24Desktop design principles
- 17:50Connecting parent and child windows
- 27:01Demo of multi-window sync
- 32:49React Redux implementation
- 38:51Code walkthrough and trade-offs
- 44:25Summary and resources
related talks
09mUnleashing the Potential of Micro Frontends with Angular
31mMicro frontends and the multiverse of Frameworks
40mAngular, React, Vue and Co. – peacefully united thanks to Web Components and Micro Apps
36mMicro Frontends in Action!
11mSketching a cross platform app
47mCamel and Eye of a Needle: Integration Approaches for SPA-based Micro Frontends
34mWeb Components & Micro Apps: Angular, React & Vue peacefully united?
51mFrontend Monoliths: Run if you can!