VAADIN on Flowing Code

Google Maps Add-On: Clic Derecho en Marcadores para Móviles

Tue, 18 Aug 2026 14:23:08 +0000

En el desarrollo web moderno, es fundamental crear una experiencia de usuario consistente e intuitiva que cubra todos los dispositivos disponibles. Los usuarios esperan que las funcionalidades operen sin problemas, ya sea desde una computadora de escritorio con un mouse o desde un celular con pantalla táctil.

Crear un Add-on para Vaadin en Tiempo Récord con Claude AI

Tue, 21 Jul 2026 13:40:32 +0000

Hace poco compartí mi experiencia sobre cómo migrar una aplicación Vaadin sencilla con la ayuda de Claude AI. Esa experiencia demostró que la IA es excelente para desenredar código legacy, pero me dejó con una duda: ¿qué pasa cuando empezamos desde cero? Recientemente, mi equipo en Flowing Code propuso crear un nuevo add-on: un wrapper en Vaadin para el componente @github/relative-time-element. Esta vez, decidí integrar a Claude AI desde el minuto cero, usándolo no solo como un generador de código, sino como un compañero de diseño arquitectónico.

Por qué Vaadin sigue siendo relevante en 2026

Tue, 30 Jun 2026 13:40:52 +0000

En una industria obsesionada con lo nuevo y lo llamativo, preguntar por qué una tecnología sigue prosperando puede ser más interesante que preguntar qué la reemplazará después.

Vaadin no es un recién llegado. Su desarrollo comenzó a principios de los años 2000 y se convirtió en código abierto en 2002. A lo largo de los años, ha pasado por varios cambios arquitectónicos importantes mientras se mantiene activamente desarrollado y ampliamente utilizado en aplicaciones empresariales. En un espacio donde los frameworks suelen aparecer y desaparecer en pocos años, eso ya hace que valga la pena reflexionar sobre Vaadin.

De Vaadin 10 a 25: Migrando una App de 8 años con Claude AI

Thu, 18 Jun 2026 19:49:45 +0000

En 2018, nuestro equipo en Flowing Code armó una demo rápida y experimental para mostrar el entonces flamante Vaadin 10. Ideamos un proyecto alrededor del torneo de fútbol que se jugaba en Rusia en ese momento en lo que llamamos un hackathon mundialista. La aplicación fue diseñada como un dashboard en vivo para seguir el fixture de los partidos, los resultados en tiempo real y la tabla de posiciones de los grupos.

Vaadin 25: Cómo resolvimos la migración de JSON

Fri, 19 Dec 2025 19:01:03 +0000

Vaadin 25 acaba de ser lanzado e incluye un conjunto interesante de breaking changes para mantenernos entretenidos y bien despiertos en este tramo final del año.

En Flowing Code mantenemos más de 30 add-ons, y la mayoría de ellos son compatibles actualmente con Vaadin 14, 23 y 24. Como pueden imaginar, esto hace que el ciclo de migración a Vaadin 25 requiera un esfuerzo sustancial. Nuestro objetivo es ambicioso: mantener un único código base compatible con todas las versiones de Vaadin soportadas, sin crear ramas específicas para Vaadin 25 a menos que sea absolutamente necesario.

Revisiones de Código con IA: Nuestra Experiencia con CodeRabbit

Thu, 13 Nov 2025 12:44:16 +0000

Parece que todo el mundo usa Inteligencia Artificial (IA) estos días. Desde chatbots hasta generadores de código, la ola de herramientas que prometen facilitar la vida de los desarrolladores sigue creciendo. En Flowing Code, queríamos ver cómo la IA podía realmente ayudarnos en nuestro trabajo diario, no solo en teoría, sino en la práctica. Tras algunas investigaciones y consideraciones sobre qué se podía mejorar en nuestras tareas diarias, decidimos sumergirnos en el mundo de la IA con CodeRabbit, una herramienta diseñada para ayudar en la revisión de Pull Requests.

Nuestro Compromiso con el Código Abierto: Nuevos Add-ons y Actualizaciones en 2024

Tue, 17 Dec 2024 15:17:27 +0000

Si seguís de cerca nuestro trabajo, ya sabrás que en Flowing Code nos apasiona contribuir con la comunidad de C y estamos comprometidos con ofrecer soluciones que ayuden a los desarrolladores a crear mejores aplicaciones. Este año, como parte de ese compromiso, logramos crear ocho nuevos add-ons para Vaadin. Si todavía no tuviste la oportunidad de explorarlos, te invitamos a hacer un repaso rápido por todo lo que ofrecen.

Nuestros primeros Vaadin add-ons integrando React

Thu, 15 Aug 2024 19:01:26 +0000

Vaadin 24.4 incluye nuevas y emocionantes capacidades para integrar React en aplicaciones Vaadin de varias formas. Esto ofrece a los desarrolladores una gama de opciones de integración, proporcionando una flexibilidad sin precedentes para construir aplicaciones web modernas. Puedes explorar las diversas formas de integración y las razones detrás de esta mejora en este post del blog de Vaadin.

Google Maps Add-on: Cómo obtener y rastrear la ubicación actual

Thu, 18 Jul 2024 13:15:19 +0000

Google Maps Add-on es un componente creado a partir de Google Maps Web Component. Este add-on permite mostrar un mapa personalizado e incorporar distintos elementos como marcadores, polígonos, controles personalizados y más. Puedes explorar todas las características que ofrece el add-on visitando nuestro demo online. Por ahora, nos enfocaremos en cómo obtener y rastrear la ubicación actual del usuario.

Guía para usar Badge List Add-on

Thu, 30 May 2024 13:51:43 +0000

En esta oportunidad queremos presentar el componente Badge List, uno de nuestros mas recientes add-ons para Vaadin, el cual creamos como solución al desafío de mostrar una lista dinámica de badges dentro de un espacio reducido, como una celda de una grilla de Vaadin, y hacerlo de manera responsiva y user-friendly.

Cómo usar componentes Angular con Vaadin

Mon, 04 Jul 2022 15:19:30 +0000

Si conocen un poco de nuestro trabajo, sabrán que hemos creado unos cuantos componentes (add-ons) que pueden ser utilizados en aplicaciones Vaadin Flow. Estos componentes usualmente se basan en Web Components existentes o en librerías JavaScript que nos parecen interesantes y útiles. Pero, ¿qué pasaría si queremos crear un componente compatible con Vaadin basado en Componentes Angular? ¿Sería esa una tarea fácil de lograr? Como no tenia una respuesta inmediata a esa pregunta, me puse como objetivo averiguarlo. Así que después de mucha investigación, mucha lectura y un número importante de pruebas, les comparto aquí los resultados.

Vaadin TreeGrid con carga diferida, filtrado y ordenamiento.

Thu, 13 May 2021 14:24:02 +0000

Estoy dando mis primeros pasos en Vaadin 14 después de mucho, mucho tiempo de trabajar en proyectos de Vaadin 8 y quiero compartir mi experiencia cuando me tocó trabajar con el componente TreeGrid para mostrar datos en una estructura jerárquica. Me encontré con esta situación en la que necesitaba agregar filtrado y ordenamiento a un TreeGrid de Vaadin que estaba utilizando carga diferida. Como base, tenía este artículo de similar implementación utilizando el componente Grid, pero algunas cuestiones son diferentes si hablamos de TreeGrid, así que pensé que sería una buena idea compartir todos los pasos necesarios y algunos tips a tener en cuenta para este tipo de implementación.

Estilos CSS y temas en Vaadin 14

Mon, 11 May 2020 15:14:57 +0000

Hace una semana fue publicada la nueva version LTS del framework de presentación.
Mientras es posible encontrar toda la información de las nuevas caractrísticas en el sitio oficial, me gustaría hacer foco en una característica en particular, a la que yo encuentro muy interesante: el manejo de estilos.
A lo largo de los años vimos diferentes maneras de administrar los estilos en las aplicaciones Vaadin.
En Vaadin 6 se podian modificar los estilos usando CSS simple. Por supuesto, tenías dos opciones: construir todo desde cero o heredar alguno de los temas ya integrados como Reindeer, Runo o Chameleon. Ese esquema de herencia se basó en la sentencia @import de CSS, que es la base del comportamiento en cascada de los estilos CSS.
El problema con este enfoque es que dificulta la personalización por la complejidad del DOM renderizado y la falta de variables que pudieran ayudar a modificar ciertos aspectos de los temas base como tamaño y el espaciado, que varias reglas tenían en común.