<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Addons on Flowing Code</title><link>https://www.flowingcode.com/es/tag/addons/</link><description>Recent content in Addons on Flowing Code</description><generator>Hugo</generator><language>es-AR</language><lastBuildDate>Tue, 18 Aug 2026 14:23:10 +0000</lastBuildDate><atom:link href="https://www.flowingcode.com/es/tag/addons/index.xml" rel="self" type="application/rss+xml"/><item><title>Google Maps Add-On: Clic Derecho en Marcadores para Móviles</title><link>https://www.flowingcode.com/es/google-maps-add-on-clic-derecho-en-marcadores-para-moviles/</link><pubDate>Tue, 18 Aug 2026 14:23:08 +0000</pubDate><guid>https://www.flowingcode.com/es/google-maps-add-on-clic-derecho-en-marcadores-para-moviles/</guid><description>&lt;figure class="wp-block-image">&lt;img alt="Esta imagen tiene un atributo alt vacío; el nombre del archivo es markers-mobile-1024x585.jpg" loading="lazy" src="https://www.flowingcode.com/images/uploads/2025/09/markers-mobile-1024x585.jpg"/>&lt;/figure>
&lt;p class="wp-block-paragraph">En el desarrollo web moderno, es &lt;strong>fundamental&lt;/strong> 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.&lt;/p></description></item><item><title>Crear un Add-on para Vaadin en Tiempo Récord con Claude AI</title><link>https://www.flowingcode.com/es/crear-un-add-on-para-vaadin-en-tiempo-record-con-claude-ai/</link><pubDate>Tue, 21 Jul 2026 13:40:32 +0000</pubDate><guid>https://www.flowingcode.com/es/crear-un-add-on-para-vaadin-en-tiempo-record-con-claude-ai/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-2393" height="559" loading="lazy" src="https://www.flowingcode.com/images/uploads/2026/06/relative-time-blog-post-1-1024x559.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">Hace poco compartí mi experiencia sobre &lt;a href="https://www.flowingcode.com/es/de-vaadin-10-a-25-migrando-una-app-de-8-anos-con-claude-ai/">cómo migrar una aplicación Vaadin sencilla con la ayuda de Claude AI&lt;/a>. Esa experiencia demostró que la IA es excelente para desenredar código legacy, pero me dejó con una duda: &lt;strong>¿qué pasa cuando empezamos desde cero?&lt;/strong> Recientemente, mi equipo en Flowing Code propuso crear un nuevo add-on: un &lt;em>wrapper&lt;/em> en Vaadin para el componente &lt;code>&lt;a href="https://github.com/github/relative-time-element">@github/relative-time-element&lt;/a>&lt;/code>. 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.&lt;/p></description></item><item><title>Vaadin 25: Cómo resolvimos la migración de JSON</title><link>https://www.flowingcode.com/es/vaadin-25-como-resolvimos-la-migracion-de-json/</link><pubDate>Fri, 19 Dec 2025 19:01:03 +0000</pubDate><guid>https://www.flowingcode.com/es/vaadin-25-como-resolvimos-la-migracion-de-json/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-2201" height="576" loading="lazy" src="https://www.flowingcode.com/images/uploads/2025/12/Upgrading-Add-ons-for-Vaadin-25-How-We-Solved-JSON-Migration-2-1024x576.png" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">&lt;strong>Vaadin 25&lt;/strong> acaba de ser lanzado e incluye un &lt;a href="https://vaadin.com/blog/vaadin-25-0-release">conjunto interesante de breaking changes&lt;/a> para mantenernos entretenidos y bien despiertos en este tramo final del año.&lt;/p>
&lt;p class="wp-block-paragraph">En &lt;strong>Flowing Code&lt;/strong> 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. &lt;strong>Nuestro objetivo es ambicioso&lt;/strong>: mantener un &lt;strong>único código base&lt;/strong> compatible con todas las versiones de Vaadin soportadas, sin crear ramas específicas para Vaadin 25 a menos que sea absolutamente necesario.&lt;/p></description></item><item><title>Revisiones de Código con IA: Nuestra Experiencia con CodeRabbit</title><link>https://www.flowingcode.com/es/revisiones-de-codigo-con-ia-nuestra-experiencia-con-coderabbit/</link><pubDate>Thu, 13 Nov 2025 12:44:16 +0000</pubDate><guid>https://www.flowingcode.com/es/revisiones-de-codigo-con-ia-nuestra-experiencia-con-coderabbit/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-2110" height="576" loading="lazy" src="https://www.flowingcode.com/images/uploads/2025/10/review-2-1024x576.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">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 &lt;a href="https://www.coderabbit.ai/">CodeRabbit&lt;/a>, una herramienta diseñada para ayudar en la &lt;strong>revisión de &lt;em>Pull Requests&lt;/em>&lt;/strong>.&lt;/p></description></item><item><title>Nuestro Compromiso con el Código Abierto: Nuevos Add-ons y Actualizaciones en 2024</title><link>https://www.flowingcode.com/es/nuestro-compromiso-con-el-codigo-abierto-nuevos-add-ons-y-actualizaciones-en-2024/</link><pubDate>Tue, 17 Dec 2024 15:17:27 +0000</pubDate><guid>https://www.flowingcode.com/es/nuestro-compromiso-con-el-codigo-abierto-nuevos-add-ons-y-actualizaciones-en-2024/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-1886" height="439" loading="lazy" src="https://www.flowingcode.com/images/uploads/2024/12/flowing-addons-1024x439.png" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">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 &lt;a href="https://vaadin.com/">&lt;strong>Vaadin&lt;/strong>&lt;/a>. Si todavía no tuviste la oportunidad de explorarlos, te invitamos a hacer un repaso rápido por todo lo que ofrecen.&lt;/p></description></item><item><title>Nuestros primeros Vaadin add-ons integrando React</title><link>https://www.flowingcode.com/es/nuestros-primeros-vaadin-add-ons-integrando-react/</link><pubDate>Thu, 15 Aug 2024 19:01:26 +0000</pubDate><guid>https://www.flowingcode.com/es/nuestros-primeros-vaadin-add-ons-integrando-react/</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 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 &lt;a href="http://Vaadin 24.4 trae nuevas capacidades emocionantes 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 posibilidades y las razones detrás de esta mejora en la publicación del blog de Vaadin. Como ya sabes, nos encanta crear complementos de Vaadin, por lo que nos emocionó explorar la posibilidad de crear complementos que integren componentes de React. Creemos que esto abre un mundo completamente nuevo de posibilidades para las aplicaciones Vaadin.">este post del blog de Vaadin&lt;/a>.&lt;/p></description></item><item><title>Google Maps Add-on: Cómo obtener y rastrear la ubicación actual</title><link>https://www.flowingcode.com/es/google-maps-add-on-como-obtener-y-rastrear-la-ubicacion-actual/</link><pubDate>Thu, 18 Jul 2024 13:15:19 +0000</pubDate><guid>https://www.flowingcode.com/es/google-maps-add-on-como-obtener-y-rastrear-la-ubicacion-actual/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-1691" height="576" loading="lazy" src="https://www.flowingcode.com/images/uploads/2024/07/maps-location-1024x576.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">&lt;a href="https://vaadin.com/directory/component/google-maps-addon">Google Maps Add-on&lt;/a> es un componente creado a partir de &lt;a href="https://www.npmjs.com/package/@flowingcode/google-map">Google Maps Web Component&lt;/a>. 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 &lt;a href="https://addonsv24.flowingcode.com/googlemaps">demo online&lt;/a>. Por ahora, nos enfocaremos en cómo obtener y rastrear la ubicación actual del usuario.&lt;/p></description></item><item><title>Guía para usar Badge List Add-on</title><link>https://www.flowingcode.com/es/guia-para-usar-badge-list-add-on/</link><pubDate>Thu, 30 May 2024 13:51:43 +0000</pubDate><guid>https://www.flowingcode.com/es/guia-para-usar-badge-list-add-on/</guid><description>&lt;figure class="wp-block-image size-large">&lt;img alt="" class="wp-image-1631" height="585" loading="lazy" src="https://www.flowingcode.com/images/uploads/2024/05/badge-blog-post-1-1024x585.jpg" width="1024"/>&lt;/figure>
&lt;p class="wp-block-paragraph">En esta oportunidad queremos presentar el componente &lt;a href="https://vaadin.com/directory/component/badge-list-add-on">Badge List&lt;/a>, uno de nuestros mas recientes add-ons para &lt;a href="https://vaadin.com/">Vaadin&lt;/a>, 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 &lt;a href="https://vaadin.com/docs/latest/components/grid">grilla de Vaadin&lt;/a>, y hacerlo de manera responsiva y user-friendly.&lt;/p></description></item></channel></rss>