Vue.js

  • Creación de componentes con Options Api en Vue

    En este post vamos a hablar acerca de que es el Options API en Vue, cuales son sus características y como podemos crear nuestros componentes a partir del mismo.

  • Empezando con Vue.js

    VuePiola

    Vue es un framework de Javascript para desarrollo front-end que tiene como concepto base la reactividad de nuestra página web frente a las interacciones con el usuario.

  • Estado Global con Vuex en Vue.js

    En el siguiente artículo vamos a profundizar sobre ¿qué es Vuex? y sus conceptos básicos, que nos ofrece, cuales son sus ventajas y desventajas y porque utilizarlo para manejar un estado global en nuestra aplicación con Vue.js

  • Fundamentos básicos de Redux

    En este artículo vamos a estar hablando acerca de algunos conceptos básicos para entender ¿qué es? y ¿cómo funciona? Redux.

  • Mixins en Vue

    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

  • Patrones de diseño en Vue I: Declaración de componentes

    Patrones de diseño en Vue I

    ¡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…

  • Patrones de diseño en Vue III: Manejo de eventos, parte 1

    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.

  • Patrones de diseño en Vue III: Manejo de eventos, parte 2

    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.

  • Patrones de diseño en Vue V: Renderizado condicional

    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.

  • Patrones de diseño en Vue VI: Componentes dinámicos

    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.

  • Patrones de diseño en Vue VII: Manejo de excepciones

    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.

  • Primeros pasos en Vue: conocimientos basicos y primer componente

    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

  • Vue : ciclo de vida de un componente

     

    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: Guardas de navegación

    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?

  • Vue vs JQuery

    Vue vs JQuery

    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?