single-neutral-megaphone
el blogdesde nuestro punto de vista. by dreams team
seguirnos

Vue components

En el último año hemos ido viendo como Vue.js cada vez tiene mas aceptación y usos, sobretodo en componentes de terceros. Es aquí donde profundizaremos hoy.

A día de hoy Bootstrap, Datatables, Datetimepicker y otras herramientas comunes tienen su versión en Vue.js (ya sean por los creadores oficiales o por terceros). Incluso nosotros hemos comenzado a crear nuestros propios componentes que, con un leve cambio de diseño y sin modificar el comportamiento, sean fáciles de integrar en nuestros proyectos.

Vamos a ver algunos ejemplos de como estos componentes nos facilitan el desarrollo.

Datatables

Lo que antes era una simple tabla en datatables, podía convertirse en un complejo código en HTML y js. Ahora se reduciría a algo mucho mas simple, limpio, fácil de mantener y con un mayor dinamismo con un código como este:

DateTimePicker

En este caso tenemos varios componentes hechos por diferentes desarrolladores, incluso nosotros tenemos nuestra versión de este componente, aunque todos convergen en su simpleza para declararlo. Aquí pondremos de ejemplo vue2-datepicker, que permite diferentes configuraciones y cubre casi todas las necesidades:

Pero que su simpleza no os confunda, permite cambiar el formato, idioma, días no disponibles, qué horas o minutos se pueden elegir, clases de los elementos (para integrarlo en una plantilla), etc... Incluso podemos interceptar los eventos para dar funcionalidades adicionales.

Bootstrap

En el caso de Bootstrap la cosa se magnifica, porque no tenemos un solo componente, sino que se trata de un conjunto de componentes y atributos para sustituir el antiguo Bootstrap entero. Ahora veremos un ejemplo de una página simple:

Dreams

Nuestro caso es un paso intermedio entre los componentes normales y el ecosistema de Bootstrap, incluso hemos convertido componentes js a vue. La idea de hacer esto surge de nuestra necesidad de que puedan comunicarse entre ellos de forma sencilla para crear aplicaciones complejas.

¿Quieres que te tengamos al día?

nuestros proyectos y trabajos de laboratorio, novedades tecnológicas, oportunidades profesionales...

NO SPAM, solo cuando realmente tengamos algo que decir

mailbox-full
Gracias por su solicitud.
Para finalizar la suscripción deberá validar el correo que le hemos enviado.
email-action-warning
Vaya, parece que tenemos algún problema.
Por favor, vuelva a intentar enviarnos la solicitud.
Disculpe las molestias.

Navega y busca con la voz.
Pulsa sobre el micro y pídenos cosas como...

  • Ir a servicios
  • Ir al blog
  • Búsca artículos de tecnología
  • Búsca un post de Amazon

Recuerda que puedes pedirnos cosas como...

  • Ir a servicios
  • Ir al blog
  • Búsca artículos de tecnología
  • Búsca un post de Amazon

Vuelve a pulsar sobre el micro para desactivar.

Vaya parece que no hemos encontrado lo que buscas,
puedes ponerte en contacto con nosotros y te ayudaremos.
Recuerda que puedes pedirnos cosas como...

  • Ir a servicios
  • Ir al blog
  • Búsca artículos de tecnología
  • Búsca un post de Amazon