A proving ground for experimental features and research projects
Update: The development for Vaadin Studio has ended and the extension is no longer available.
Vaadin Studio is our experimental extension for VS Code. With this project, we are aiming to bring faster development times for applications made using Vaadin Fusion.
Update: Part of the ideas described in this post have since been implemented as part of Vaadin Flow. See the documentation page about CSP for more details.
==================
My standard answer related to mixing Vaadin Flow and CSP has been that it's not feasible because of architectural limitations. I was wrong. The architecture just needs a little bending, and suddenly CSP without unsafe-eval can be used with Flow.
The ability to edit multiple fields at the same time can sometimes be a superpower that reduces tens of manual edits into one. This experiment is about giving your users that ability, with a minimal development effort.
How do you create an application theme?
"It’s just some CSS". Yeah, right…
Update: The new theming mechanism has been released as an official feature available in 14.6+ and 19+
Plotser is a web application that uses the experimental Serial API to provide functionality similar to the Arduino serial plotter. Plotser works in Google Chrome 80+ without requiring any additional plugins or installation.
One thing that I really like with the current breed of template-based frontend frameworks is how you just define how your components should be configured based on the view’s state, and then the framework takes care of the rest.
With the Java Platform Module System (JPMS) now being out for a while, a question that you might be asking yourself is: "Can Vaadin be used to make a UI for a modular application?".
Vaadin 15 handles bootstrapping and routing on the client side. This enables something which was not easy with Vaadin 14: creating offline apps.
To demonstrate this, we created a small mortgage calculator.
Vaadin 15 handles routing mainly on the client side and only delegates to the server for server side routes. Why? So we can add client side views easily.
Building a complete layout for an application can be a lot of work. To support different screen resolutions, devices, browsers and themes need careful planning. In this application you’ll find building blocks and complete layouts.