<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>El Rincón de Vue</title>
    <link>https://elrincondevue.com</link>
    <description>Un blog hecho por un fanboy de Vue.js, porque Vue también se disfruta en español.</description>
    <language>es</language>
    <lastBuildDate>Sat, 22 Aug 2026 19:51:20 GMT</lastBuildDate>
    <pubDate>Sat, 26 Jul 2025 01:49:43 GMT</pubDate>
    <atom:link href="https://elrincondevue.com/feed.xml" rel="self" type="application/rss+xml"/>
    <copyright>© 2026 Luis Aldair Quispe Rios</copyright>
    <item>
      <title>Guía práctica de Vue 3: Cómo usar &lt;Teleport&gt; para modales, tooltips y notificaciones adaptativas</title>
      <link>https://elrincondevue.com/article-list/how-to-use-teleport-in-vue-3</link>
      <guid isPermaLink="true">https://elrincondevue.com/article-list/how-to-use-teleport-in-vue-3</guid>
      <pubDate>Sat, 26 Jul 2025 01:49:43 GMT</pubDate>
      <description><![CDATA[¿Sabías que puedes mover parte del DOM de un componente Vue a otro lugar del HTML sin romper la reactividad? En esta guía aprenderás cómo usar &lt;Teleport&gt; en Vue 3, desde lo básico hasta casos reales como notificaciones, menús contextuales y overlays.]]></description>
      <enclosure url="https://a-us.storyblok.com/f/1022875/1376x768/9bbb639e1d/teleport.jpg" type="image/jpeg" length="0"/>
    </item>
    <item>
      <title>defineModel() en Vue 3.4+: La evolución elegante del v-model en componentes</title>
      <link>https://elrincondevue.com/article-list/use-definemodel</link>
      <guid isPermaLink="true">https://elrincondevue.com/article-list/use-definemodel</guid>
      <pubDate>Mon, 21 Jul 2025 03:03:33 GMT</pubDate>
      <description><![CDATA[A partir de Vue 3.4 y disponible en la actual versión 3.5+, defineModel() se ha convertido en una de las macros más potentes dentro del &lt;script setup&gt;. Esta nueva sintaxis te permite trabajar con v-model de forma más clara, concisa y tipada, eliminando la necesidad de declarar manualmente props y emits para la comunicación padre-hijo. Si estás trabajando con Vue 3.5+, ya deberías estar usándolo.  ¿La clave? Menos boilerplate, más fluidez, y una integración impecable con los modifiers y múltiples v-model. ¡Dile adiós a modelValue verboso y hola a bindings con estilo!]]></description>
      <enclosure url="https://a-us.storyblok.com/f/1022875/1536x1024/7c8b51e1ae/definemodel2.png" type="image/jpeg" length="0"/>
    </item>
    <item>
      <title> Potencia tu app Vue con Firebase + VueFire</title>
      <link>https://elrincondevue.com/article-list/vue-fire</link>
      <guid isPermaLink="true">https://elrincondevue.com/article-list/vue-fire</guid>
      <pubDate>Tue, 10 Jun 2025 03:22:00 GMT</pubDate>
      <description><![CDATA[¿Qué es VueFire? VueFire te permite conectar tu app Vue 3 con Firebase (Firestore, Auth, RTDB, Storage) de forma sencilla y reactiva usando composables como useAuth, useFirestore, etc. Ideal si quieres apps en tiempo real sin escribir cientos de líneas de lógica.]]></description>
      <enclosure url="https://a-us.storyblok.com/f/1022875/1376x768/9774bccf90/vuefire.jpg" type="image/jpeg" length="0"/>
    </item>
    <item>
      <title>¿Y si Vue.js también hablara Web Components? La magia de defineCustomElement</title>
      <link>https://elrincondevue.com/article-list/web-components-with-modern-vue</link>
      <guid isPermaLink="true">https://elrincondevue.com/article-list/web-components-with-modern-vue</guid>
      <pubDate>Tue, 15 Apr 2025 02:46:47 GMT</pubDate>
      <description><![CDATA[Si eres fan de Vue.js como yo, seguramente has creado componentes reutilizables una y otra vez. Pero… ¿alguna vez te preguntaste cómo compartir tus componentes Vue fuera de una app Vue? ¿Qué pasaría si pudieras usarlos en React, Angular o incluso en HTML puro? La respuesta está en los Web Components y Vue tiene una herramienta poderosa para eso: defineCustomElement.  Hoy te voy a contar cómo Vue y los Web Components pueden ser mejores amigos. Te prometo que al final vas a querer probarlo en tu próximo proyecto (o experimento).]]></description>
      <enclosure url="https://a-us.storyblok.com/f/1022875/1536x1024/7b5cd5a452/web-components.png" type="image/jpeg" length="0"/>
    </item>
    <item>
      <title>Guía rápida: Integrando Tailwind CSS 4 en proyectos con Vue CLI</title>
      <link>https://elrincondevue.com/article-list/tailwind-4-integration-with-vue-cli</link>
      <guid isPermaLink="true">https://elrincondevue.com/article-list/tailwind-4-integration-with-vue-cli</guid>
      <pubDate>Sun, 16 Mar 2025 16:48:02 GMT</pubDate>
      <description><![CDATA[Tailwind CSS 4 trae mejoras significativas en rendimiento y flexibilidad, pero ¿cómo integrarlo correctamente en proyectos creados con Vue CLI? En esta guía rápida, te mostraré paso a paso cómo configurar Tailwind 4 en tu proyecto Vue CLI, optimizando tu flujo de desarrollo y aprovechando al máximo sus nuevas características.]]></description>
      <enclosure url="https://a-us.storyblok.com/f/1022875/1792x1024/71cb200538/vue-cli-and-tailwind-4.webp" type="image/jpeg" length="0"/>
    </item>
    <item>
      <title>¿Cómo usar defineExpose?</title>
      <link>https://elrincondevue.com/article-list/how-to-use-defineexpose</link>
      <guid isPermaLink="true">https://elrincondevue.com/article-list/how-to-use-defineexpose</guid>
      <pubDate>Wed, 26 Feb 2025 02:23:58 GMT</pubDate>
      <description><![CDATA[Dentro de un componente que utiliza &lt;script setup&gt;, defineExpose() es una macro del compilador que permite exponer de forma explícita variables, funciones o incluso refs para que puedan ser accesibles desde el exterior. Esto es útil, por ejemplo, cuando queremos controlar un componente a través de una referencia (ref) en el componente padre.]]></description>
      <enclosure url="https://a-us.storyblok.com/f/1022875/1376x768/487e84614f/defineexpose.jpg" type="image/jpeg" length="0"/>
    </item>
    <item>
      <title>¿Comó usar v-memo?</title>
      <link>https://elrincondevue.com/article-list/how-to-use-v-memo</link>
      <guid isPermaLink="true">https://elrincondevue.com/article-list/how-to-use-v-memo</guid>
      <pubDate>Sat, 08 Feb 2025 18:55:25 GMT</pubDate>
      <description><![CDATA[En el desarrollo de aplicaciones con Vue.js, especialmente cuando se trabaja con listas largas de elementos, es crucial optimizar el renderizado para garantizar un buen rendimiento. Una de las herramientas que Vue.js ofrece para este propósito es la directiva v-memo. En este artículo, se analiza un ejemplo práctico de cómo utilizar v-memo para mejorar el rendimiento en una lista de tareas y se exploran algunas mejoras adicionales que pueden aplicarse.]]></description>
      <enclosure url="https://a-us.storyblok.com/f/1022875/1376x768/b989b9ebdf/v-memo-image.jpg" type="image/jpeg" length="0"/>
    </item>
    <item>
      <title>¿Qué es un Composable?</title>
      <link>https://elrincondevue.com/article-list/what-is-a-composable</link>
      <guid isPermaLink="true">https://elrincondevue.com/article-list/what-is-a-composable</guid>
      <pubDate>Wed, 05 Feb 2025 03:00:11 GMT</pubDate>
      <description><![CDATA[Un composable es una función que utiliza la Composition API de Vue.js para encapsular y reutilizar lógica con estado de manera modular. En otras palabras, permite extraer fragmentos de lógica (por ejemplo, rastreo de la posición del mouse, manejo de llamadas asíncronas, etc.) para que puedan ser utilizados en varios componentes sin repetir código.]]></description>
      <enclosure url="https://a-us.storyblok.com/f/1022875/1376x768/0c48bd03b4/vue-composables.jpg" type="image/jpeg" length="0"/>
    </item>
    <item>
      <title>defineAsyncComponent en Vue 3: Implementación y casos de uso.</title>
      <link>https://elrincondevue.com/article-list/use-defineasynccomponent</link>
      <guid isPermaLink="true">https://elrincondevue.com/article-list/use-defineasynccomponent</guid>
      <pubDate>Wed, 15 Jan 2025 03:44:46 GMT</pubDate>
      <description><![CDATA[En Vue 3, la función defineAsyncComponent permite cargar componentes de manera asíncrona, lo que es útil para dividir aplicaciones grandes en partes más pequeñas y mejorar el rendimiento al cargar solo los componentes necesarios cuando se requieren. ]]></description>
      <enclosure url="https://a-us.storyblok.com/f/1022875/1376x768/ff546597c5/vue_defineasync_img.jpg" type="image/jpeg" length="0"/>
    </item>
    <item>
      <title>¿Cómo integrar Tailwind 4 en Vue.js 3 + Vite?</title>
      <link>https://elrincondevue.com/article-list/tailwind-4-integration-in-vue-js-3</link>
      <guid isPermaLink="true">https://elrincondevue.com/article-list/tailwind-4-integration-in-vue-js-3</guid>
      <pubDate>Sun, 12 Jan 2025 02:34:06 GMT</pubDate>
      <description><![CDATA[Tailwind CSS 4 ha llegado con una arquitectura optimizada para rendimiento y flexibilidad, ofreciendo compilaciones hasta 5 veces más rápidas y un flujo de trabajo más ágil. En este post, exploraremos cómo integrar esta nueva versión con Vue 3, aprovechando características como la detección automática de contenido, el nuevo motor de alto rendimiento, las variables CSS nativas y la compatibilidad con Vite.  Si quieres construir interfaces modernas con menos configuración y más poder, acompáñame en esta guía donde aprenderás a instalar, configurar y usar Tailwind CSS 4 en Vue 3. 🚀]]></description>
      <enclosure url="https://a-us.storyblok.com/f/1022875/1376x768/626e80a702/taiwlind4_vue_3.jpg" type="image/jpeg" length="0"/>
    </item>
  </channel>
</rss>