Vue.js

  • A veces ocurre que nos encontramos con dos componentes que comparten comportamientos y nos convendria encapsular este comportamiento para reutilizar codigo, para eso vue nos presenta a los Mixins, la solucion a este problema

  • ¡Bienvenidos a esta serie de posts sobre patrones de diseño en Vue! Para poder seguir esta serie, les recomendamos tener al menos una noción básica sobre Vue, ya que acá no vamos a discutir conceptos básicos sino las distintas maneras de hacer las cosas en Vue y los pros y contras de cada una. En esta primera edición, vamos a ver la declaración de nuestros componentes. ¿Qué maneras hay de hacerlo, y cuáles nos convienen para cada caso? Averigüémoslo…

  • En la edición anterior de esta serie, vimos qué son los eventos y los props en Vue, y fuimos descubriendo cómo usarlos. En este capítulo, nos vamos a centrar en los eventos del DOM de toda la vida y en cómo Vue los integra a sus directivas, así como en la creación y el manejo de eventos personalizados.

  • En la parte 1 de manejo de eventos de Vue, vimos como manejar eventos del DOM y cómo emitir y escuchar eventos personalizados. Esta vez nos vamos a adentrar en un patrón llamado "bus de eventos" y en cómo aprovechar los eventos que disparan los hooks del ciclo de vida de los componentes de Vue.

  • En esta entrega de la serie sobre patrones de diseño en Vue, vamos a ver las maneras en las que podemos mostrar u ocultar componentes dinámicamente.

  • En esta edición de esta serie sobre patrones de diseño en Vue, vamos a ver los componentes dinámicos: qué problema solucionan y cómo los podemos usar.

  • El escenario lo conocemos todos. Desplegamos los nuevos cambios que acabamos de desarrollar en el frontend y al cargar la página, solo vemos una página a medio cargar. La consola nos avisa que hay un error en el componente X porque algún campo que usamos vino nulo, o sea que hay alguna verificación de datos que no contemplamos o nos olvidamos de implementar. Por supuesto que este es el caso feliz. ¿Qué pasaría si nuestro conjunto de datos de prueba no incluye esa posibilidad, y el error termina estallando cuando un cliente ingresa mal algún campo dos meses más tarde? Y si ese cliente simplemente se rinde y se dirige a la competencia, ¿cómo nos enteramos de que esto está ocurriendo? Hoy vamos a ver varias alternativas para atacar estas debilidades.

  • Vue es un framework progresivo open source de Javascript, el cual nos permite contruir interfaces de usuario de manera sencilla. Facil de añadir a proyectos ya existente para aprovechar su poder de manera rapida y simple. En este articulo, haremos nuestro primeros pasos en el mundo de Vue

  •  

    Un componente de Vue no se aparece magicamente en nuestra pagina web, estos pasan por todo un ciclo a traves del cual se crean, se montan en nuestra pagina, cambian y, en algunos casos, se destruyen. Hoy veremos que beneficios nos trae conocer estas etapas.

  • Vue Router es una muy buena solución para armar aplicaciones SPA, pero ¿cómo hace para resolver situaciones en las que necesitamos hacer redireccionamientos automáticos o cancelar una redirección, por ejemplo, para prevenir el acceso de un usuario no autenticado a una URL específica?

  • Hoy en día está poniéndose de moda dejar atrás el desarrollo web puramente en Javascript y jQuery para dar el salto a frameworks que implementan el paradigma reactivo. En este contexto, a muchos de los que están mirando Vue con cariño les surge la pregunta: ¿qué es mejor, jQuery o Vue? Pero ¿es válido compararlos cuando, por ejemplo, podemos usar jQuery dentro de los componentes de Vue? ¿Estamos tratando de comparar peras con olmos?