Category: Tutorials
How to configure cidaas for Vaadin SSO Kit
There are good reasons to use Identity & Access Managers (IAM) with Single Sign On (SSO) capabilities in your applications. Users typically want to authenticate once with the SSO solution rather than reauthenticate with individual applications repeatedly. SSO saves time and improves the overall ...
Step-by-Step Guide to Sending Web Push Notifications from Vaadin Flow
Updates on the subject: There are built-in helpers for Web Push API in Vaadin Flow available since version 24.2 Also check out Web Push Notifications: A real-world example with electricity prices Web push notifications are an effective way to keep users engaged with your web application even when ...
Toggle between light and dark theme in Vaadin Flow
Updated to Vaadin Flow 24 on 2023-02-23 A common question we get from Vaadin developers is how to switch on the dark theme variant dynamically. In this tutorial, I’ll show you how to turn it on permanently, and how to dynamically apply the dark variant to the entire application or only parts of it. ...
SessionScope vs. VaadinSessionScope - Which one should you use?
Dependency injection is magic, some say. It is magic, especially if you don’t understand what is happening behind the scenes. Vaadin developers have two almost identical scopes available for their beans: SessionScope (from Spring core) and VaadinSessionScope (from vaadin-spring). Picking the wrong ...
Don't let deep linking code clutter your UI logic
I recently did an exercise to clean up one of the most used view templates in the start.vaadin.com tool, the MasterDetailView. I implemented almost a dozen tricks to make the code readable and maintainable. I plan to cover some of those in the upcoming weeks, so I decided to start cleaning up the ...
Passkeys - Secure authentication in 2023
Last spring we published a multifactor demo, showing how MFA could be seamlessly integrated into an application to create a smooth experience while protecting specific actions. Around the same time, the FIDO Alliance announced that Apple, Google, and Microsoft have committed to implementing a new ...
Performance profiling: Rendering 90k table cells in 5 different ways
I met a customer at W-JAX who had a performance issue with one of their screens. They were rendering a huge 90-column and around 1000-row TreeGrid on that screen. The screen was a preview for a database query that would ultimately be downloaded as a file for further analysis in another software. ...
How to implement infinite scrolling using Vaadin components
Infinite scrolling is a common UI pattern where more of a large data set is dynamically loaded from the server while users scroll through the page. The approach used by, for example, several social media platforms saves a lot of computing resources both on the client and server side without ...
Custom component unit and integration testing tips
How to make your custom component a robust building block of your UI. In this tutorial, I will share some more ideas in the domain of creating custom components. My previous blog post was about creating a custom component with Lit, this is the next chapter of the story. This time we will learn some ...
