One immediate benefit is that changes within the Lightmeter Web UI are now virtually instant, and Lightmeter is more dynamic as a result. This is because the front-end is now a Single Page Application which communicates in real-time with the back-end, without page reloads or additional API calls.
New insights appear as soon as they are generated, instead of refreshing every 30 seconds as before. When the language used by Lightmeter is changed from e.g. English to German, all parts of the page now instantly adapt.
As a best-in-class front-end framework Vue.js is a powerful ingredient of future Lightmeter features. With more dynamic graphing, log navigation, and support for large email networks on the roadmap, real-time data display and manipulation will be core to future Lightmeter releases, and Vue is ideally suited for the job.
Building native mobile applications will also be more easily achievable thanks tooling and frameworks in the Vue ecosystem.
As well as end-user benefits Vue.js also rewards Lightmeter’s front-end developers.
Firstly it enforces discipline which improves code layout and readability. Developers are rewarded with rich and convenient tooling on the commandline, in IDEs, and browser extensions, for automatically compiling, minifying, serving, debugging, and updating code. A new front-end development workflow for Vue is documented in
If you’ve already upgraded to Lightmeter 1.1.0 then you’re benefiting from Vue.js already. But that’s just the start!
Lightmeter is Open Source: try building it for front-end development using the three-step guide in README.md file. The front-end and back-end now operate completely independently which makes front-end development even simpler. If you get stuck at any point, drop by the forum, the Fediverse, Telegram, Twitter, or email.