Estructurando componentes en Vue.js

Componentes para Vue.js

La base de una aplicación en Vue.js son los componentes. Sin embargo, cuando comenzamos a crear nuestros propios componentes, combinarlos y a usar diferentes componentes dentro de otros nuestra aplicación puede llegar a crecer y terminemos teniendo muchos componentes sin un orden o estructura alguna. En este tutorial aprenderemos algunas técnicas para estructurar y organizar los componentes de nuestra aplicación.

Ver post

Cómo actualizar VuePress a la versión 1.0

Banner vuepress

Recientemente fue lanzada la versión de VuePress 1.0, que incluye diferentes cambios a tener en cuenta al momento de actualizar nuestros sitios. En Styde ya hemos hablado anteriormente de VuePress, explicamos cómo realizar un deploy automatizado usando Travis CI y el sitio de la traducción de la documentación de Laravel funciona también en VuePress. A continuación hablaremos un poco sobre estos cambios que debemos realizar para que nuestro sitio funcione correctamente.

Ver post

Mostrando datos en vista de árbol con D3.js y Vue.js

Vue d3 banner

Una vista de árbol es un elemento de interfaz gráfica que presenta una vista jerárquica de información. En una vista de árbol cada elemento (también llamado rama o nodo) puede tener un número ilimitado de subelementos. Esto resulta muy útil para mostrar datos relacionados entre sí. En este tutorial aprenderemos a mostrar datos en una vista de árbol usando la librería de Vue.js Vue.D3.tree, basada en la popular librería para visualizaciones de datos D3.js.

Ver post

Introducción a Vue CLI UI

Banner Vue CLI UI

Una de las características más interesantes de la versión 3 de Vue CLI es Vue UI, una interfaz gráfica que permite crear, actualizar y administrar cada aspecto de nuestros proyectos. En este tutorial exploraremos esta nueva característica y aprenderemos a generar nuestros proyectos directamente desde dicha interfaz.

Ver post

Solicitudes HTTP con Axios

Solicitudes HTTP con Axios

Axios es un cliente HTTP basado en promesas que funciona tanto en el cliente (navegador) como en el servidor (por ejemplo, Node.js). Muchos frameworks tienen sus propias APIs HTTP integradas, sin embargo, muchas veces usar dichas APIs no es lo más ideal ya que esta función puede ser cubierta de forma más eficiente por librerías de terceros, como Axios. Es muy simple utilizar Axios ya sea sólo o con algún framework y en este tutorial aprenderemos a hacerlo.

Ver post

Agregando un datepicker con Vue.js

Vue datepicker banner

Cuando estamos construyendo un formulario o algún componente en nuestras aplicaciones es probable que queramos agregar la opción de seleccionar una fecha y aunque los navegadores modernos permiten incluir un datepicker directamente con HTML sin necesidad de usar JavaScript, dicha opción ofrece menos posibilidades de personalización.

vuejs-datepicker es una librería de Vue.js que nos permite agregar un datepicker que permite ser personalizado y con el cual podemos manipular el valor seleccionado en tiempo real.

Ver post

Suscríbete a nuestro boletín

Te enviaremos publicaciones con consejos útiles y múltiples recursos para que sigas aprendiendo.

Recibe consejos útiles y múltiples recursos directamente en tu correo