I am excited about this topic, since the technology we are going to talk about opens the way for a new generation of web-based apps, which can directly communicate across multiple browser windows without involving a backend. [side note] The article got pretty long. In case you got only a…

Experience the Speed and Efficiency of neo.mjs Version 5 — Web development is constantly evolving, and new tools and frameworks are emerging to help developers create faster and more efficient web applications. One such tool that has recently caught the attention of several big companies is neo.mjs, a JavaScript framework for building high-performance, responsive, and scalable web applications. With its…

Useful for theming — I googled for this topic quite a bit and did not find a reasonable solution, so I thought it might be worth a short article. Content The problem How to change CSS vars inside :root How to change scoped CSS variables Changing scoped CSS vars from within a Web Worker Creating…

Rendering a Canvas node with a WebGL content and moving it into different windows without reloading dependencies like D3, keeping the current state and without creating new component JS instances. — Content Introduction video Definitions: OffscreenCanvas & SharedWorker Benefits & potential use cases Content of the demo Code Feature request for SharedWorkers Online demos The neo.mjs project 1. Introduction video

Multi window apps have become a reality using Webkit — I am super excited about this feature, since I have literally been waiting for it for over two years now. We can now easily create multi screen apps, as well as sharing API related data across multiple browser tabs. Content Introduction How to install the Safari Tech Preview? How to create…

Preloading assets, a service and app worker love story — In case you care about your application users navigating around different views in close to real-time, this article is meant for you. Content Introduction The demo app Remote method access The love story The scoping dilemma Service Workers from JS modules Offline support Multi Page Apps Multi Window Apps The neo.mjs…

View controllers provide an easy and clean way to separate your business logic from your components. Content The demo app Demo main view without a view controller Demo main view using a view controller The view controller logic Summary 1. The demo app The demo app is fairly simple and covered in one of my…

While I have seen and read about quite a few approaches to create micro-frontends and enhance apps with lazy loading strategies to fetch new views exactly when you need them, most of them felt difficult to implement and not really thought through till the end. …

Spoiler: The entire code inside this article can run as it is directly inside your browser (without any builds / transpilations). By default, it even runs within a WebWorker. We will cover how to create an animated data view, as well as adjusting already running transitions in real time. Potential…