Category:
PWABuilder and Vaadin
Tech giants Microsoft and Google are pushing progressive web applications (PWAs) as the standard for their app stores. They have independently, and through joint effort, found ways to turn existing web apps into PWAs, and to wrap them to be supported on different platforms. These technologies have ...
Design systems and standards-based Web Components
Design systems become more important as applications grow in complexity and in number. Scalable, reusable and modular code, along with compatible visual assets, are key when organizations build multiple apps for different purposes, but still wish to maintain a level of consistency throughout their ...
A better way to build UIs: An introduction to design systems
Design systems are in vogue. Many well-known companies, from Shopify to Google, use them to ensure consistency in their products and efficiency in their product development. Done right, a design system can be a tremendous help to application developers and designers alike. Unfortunately, the ...
Future of HTML templates in Vaadin
Late last year, we announced that we are gradually moving away from Google's Polymer JavaScript library in favor of the far more lightweight and performant LitElement library. The next LTS, which is currently targeted for the latter half of 2021, will make Polymer optional for HTML templates. Using ...
New Vaadin, Angular and React comparison tool
One of the most natural ways of learning for us humans (sorry, Google bot) is to compare new concepts we come across with something we already know from before. "What's a dosa?" — It's like a savory Indian crepe made with fermented rice and lentil dough and filled with deliciousness. "How is the ...
Community Answer: Understanding inversion of control and dependency injection
There are two key concepts that you must understand when you start with Spring or JakartaEE/CDI–inversion of control and dependency injection. In brief, inversion of control means letting a framework take control of the execution flow of your program to do things like create instances of your ...
Turning Figma designs into Vaadin layouts
Editor's note: The Designs to Layouts Figma plugin is Matti's personal project, not an official Vaadin tool. Visual design is a critical aspect of a modern software project that permeates the entire process. Unfortunately, there is a tool mismatch: designers tend to use tools such as Sketch or, ...
Accessing files from the browser with the Native File System API
The Native File System API is a new browser API that allows the browser to read and write files and folders on your local computer. The functionality differs from regular uploads and downloads, because the application (site) retains read/write access for as long as you use the application. This ...
Real-time collaboration using the Native File System API
The Native File System API allows the browser to access files on your local filesystem in a secure and controlled manner. This opens up new possibilities, allowing web applications to interact with your files beyond the traditional upload/download cycle. This is for instance useful if you need to ...