<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Vaadin Flow on Flowing Code</title><link>https://www.flowingcode.com/en/tag/vaadin-flow/</link><description>Recent content in Vaadin Flow on Flowing Code</description><generator>Hugo</generator><language>en-US</language><lastBuildDate>Tue, 18 Aug 2026 14:17:56 +0000</lastBuildDate><atom:link href="https://www.flowingcode.com/en/tag/vaadin-flow/index.xml" rel="self" type="application/rss+xml"/><item><title>Google Maps Add-On: Mobile Right-Click for Markers</title><link>https://www.flowingcode.com/en/google-maps-add-on-mobile-right-click-for-markers/</link><pubDate>Tue, 18 Aug 2026 14:16:43 +0000</pubDate><guid>https://www.flowingcode.com/en/google-maps-add-on-mobile-right-click-for-markers/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-2078" height="585" loading="lazy" src="https://www.flowingcode.com/images/uploads/2025/09/markers-mobile-1024x585.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">In modern web development, creating a consistent and intuitive user experience across all devices is &lt;strong>essential&lt;/strong>. Users expect features to work seamlessly, whether they’re on a desktop with a mouse or a mobile with touchscreen.&lt;/p></description></item><item><title>Building a Vaadin Add-on in Record Time with Claude AI</title><link>https://www.flowingcode.com/en/building-a-vaadin-add-on-in-record-time-with-claude-ai/</link><pubDate>Tue, 21 Jul 2026 13:39:02 +0000</pubDate><guid>https://www.flowingcode.com/en/building-a-vaadin-add-on-in-record-time-with-claude-ai/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-2391" height="559" loading="lazy" src="https://www.flowingcode.com/images/uploads/2026/06/relative-time-blog-post-1024x559.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">Not long ago, I shared my experience on &lt;a href="https://www.flowingcode.com/en/vaadin-10-to-25-migrating-a-8-year-old-app-with-claude-ai/">how to migrate a legacy Vaadin application with the help of Claude AI&lt;/a>. That experience proved that AI is fantastic for untangling legacy code, but it left me with a new question: &lt;strong>What happens when we start from scratch?&lt;/strong> Recently, my team at Flowing Code proposed creating a new add-on: a Vaadin wrapper around the &lt;code>&lt;a href="https://github.com/github/relative-time-element">@github/relative-time-element&lt;/a>&lt;/code> component. This time, I decided to keep Claude in the loop from minute zero, not just as a code generator, but as an architectural design partner.&lt;/p></description></item><item><title>Why Vaadin Still Matters in 2026</title><link>https://www.flowingcode.com/en/why-vaadin-still-matters-in-2026/</link><pubDate>Tue, 30 Jun 2026 13:40:16 +0000</pubDate><guid>https://www.flowingcode.com/en/why-vaadin-still-matters-in-2026/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-2335" height="572" loading="lazy" src="https://www.flowingcode.com/images/uploads/2026/06/Why_vaadin_still_matters_2026-1024x572.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">In an industry obsessed with the new and shiny, asking why a technology continues to thrive can be more interesting than asking what will replace it next.&lt;/p>
&lt;p class="wp-block-paragraph">&lt;a href="https://vaadin.com/">Vaadin&lt;/a> is not a newcomer. Its development started in the early 2000s, and it became open source in 2002. Over the years, it has gone through several major architectural changes while remaining actively developed and widely used in enterprise applications. In a space where frameworks often come and go within a few years, that alone makes Vaadin worth reflecting on.&lt;/p></description></item><item><title>Vaadin 10 to 25: Migrating a 8-Year-Old App with Claude AI</title><link>https://www.flowingcode.com/en/vaadin-10-to-25-migrating-a-8-year-old-app-with-claude-ai/</link><pubDate>Thu, 18 Jun 2026 19:49:25 +0000</pubDate><guid>https://www.flowingcode.com/en/vaadin-10-to-25-migrating-a-8-year-old-app-with-claude-ai/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-2281" height="572" loading="lazy" src="https://www.flowingcode.com/images/uploads/2026/06/global-stats-2026-1024x572.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">Back in 2018, &lt;a href="https://www.flowingcode.com/en/vaadin-10-spring-demo-application-world-cup-rusia-2018-stats/">our team at Flowing Code built a quick, scrappy demo to show off the then-brand-new Vaadin 10&lt;/a>. It was a hackathon project built around the major global football tournament happening in Russia at the time. The app was designed as a live dashboard tracking match fixtures, real-time scores, and group standings.&lt;/p></description></item><item><title>Our Commitment to Open Source: Releases and Updates in 2024</title><link>https://www.flowingcode.com/en/our-commitment-to-open-source-releases-and-updates-in-2024/</link><pubDate>Tue, 17 Dec 2024 15:15:31 +0000</pubDate><guid>https://www.flowingcode.com/en/our-commitment-to-open-source-releases-and-updates-in-2024/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-1806" height="439" loading="lazy" src="https://www.flowingcode.com/images/uploads/2024/11/flowing-addons-1024x439.png" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">If you keep up with our work, you may already know that here at &lt;strong>Flowing Code&lt;/strong>, we’re passionate about contributing to the Open Source community and dedicated to delivering solutions that can help developers to build better applications. This year, as part of that commitment, we’ve successfully released eight new &lt;a href="https://vaadin.com/">&lt;strong>Vaadin&lt;/strong>&lt;/a> add-ons. If you haven’t had a chance to explore them yet, let’s take a quick look at what each of these add-ons offers.&lt;/p></description></item><item><title>Introducing our first Vaadin add-ons integrating React Components</title><link>https://www.flowingcode.com/en/introducing-our-first-vaadin-add-ons-integrating-react-components/</link><pubDate>Thu, 15 Aug 2024 18:24:30 +0000</pubDate><guid>https://www.flowingcode.com/en/introducing-our-first-vaadin-add-ons-integrating-react-components/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="Introducing our first Vaadin add-ons integrating React Components" class="wp-image-1722" height="585" loading="lazy" src="https://www.flowingcode.com/images/uploads/2024/08/vaadin-react-04-1024x585.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">Vaadin 24.4 brings exciting new capabilities for integrating React into Vaadin applications in various forms. This offers developers a range of integration options, providing unprecedented flexibility in building modern web applications. You can delve into the various possibilities and the reasons behind this improvement in &lt;a href="https://vaadin.com/blog/vaadin-24.4-opens-the-door-to-the-land-of-react">Vaadin’s blog post&lt;/a>.&lt;/p></description></item><item><title>Google Maps Add-on: How to Get and Track Current Location</title><link>https://www.flowingcode.com/en/google-maps-add-on-how-to-get-and-track-current-location/</link><pubDate>Thu, 18 Jul 2024 13:14:01 +0000</pubDate><guid>https://www.flowingcode.com/en/google-maps-add-on-how-to-get-and-track-current-location/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="a map with a marker simulating current location" class="wp-image-1670" height="576" loading="lazy" src="https://www.flowingcode.com/images/uploads/2024/06/maps-location-1024x576.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">The &lt;a href="https://vaadin.com/directory/component/google-maps-addon">Google Maps Add-on&lt;/a> is a powerful wrapper component around the &lt;a href="https://www.npmjs.com/package/@flowingcode/google-map">Google Maps Web Component&lt;/a>. This add-on allows you to display a customized map and incorporate various map-related elements such as markers, polygons, custom controls and more. You can explore all the features the add-on provides in our &lt;a href="https://addonsv24.flowingcode.com/googlemaps">online demo&lt;/a>. For now, we’ll focus on how to obtain and track the user’s current location.&lt;/p></description></item><item><title>A Guide to Using Badge List Add-on</title><link>https://www.flowingcode.com/en/a-guide-to-using-badge-list-component/</link><pubDate>Thu, 30 May 2024 13:50:53 +0000</pubDate><guid>https://www.flowingcode.com/en/a-guide-to-using-badge-list-component/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-1627" height="585" loading="lazy" src="https://www.flowingcode.com/images/uploads/2024/05/badge-blog-post-1024x585.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">Introducing &lt;a href="https://vaadin.com/directory/component/badge-list-add-on">Badge List component&lt;/a>, one of our latest &lt;a href="https://vaadin.com/">Vaadin&lt;/a> add-ons, created to address the challenge of displaying a dynamic list of badges within a confined space, such as a &lt;a href="https://vaadin.com/docs/latest/components/grid">Vaadin Grid&lt;/a> cell, in a responsive and user-friendly manner.&lt;/p></description></item></channel></rss>