Taller de Vue Compositon API

La navaja suiza de todo desarrollador/a Vue.js profesional.

Taller de Vue Compositon API

¿Por qué es necesario?

La introducción de la API de Composición en Vue 3 te permite utilizar las API's reactivas de Vue fuera de los componentes, ofreciendo un enfoque más estructurado para el desarrollo de aplicaciones.

La adopción de la API de Composición como el nuevo estándar Vue.js es evidente. Aunque el Options API sigue siendo una opción válida, la Composition API se ha consolidado como la elección preferida por su enfoque más modular y escalable.

¿Has intentado aprenderla por tu cuenta?, ¿no acabas de entender qué la diferencia de la Options API?, ¿o cuándo utilizarla?. Este taller está diseñado específicamente para aquellos que desean comprender y dominar la API de Composición. A través de ejercicios prácticos, explorarás sus conceptos fundamentales y estarás preparado para integrarlos de manera efectiva en tus proyectos.

El Taller

Este taller ofrece la oportunidad de aprender a utilizar la Composition API desde la familiaridad del Options API. Al comprender tanto las similitudes como las diferencias entre ambas, se desbloquea un nuevo conjunto de patrones de diseño donde implementar la nueva API.

Un enfoque destacado son los composables (o funciones compositoras) que aprovechan plenamente el potencial de la Composition API. Estas funciones —ya sea con o sin estado independiente— permiten abordar escenarios familiares de manera más creativa, eficiente y modular.

A lo largo del taller se abordarán diversos aspectos cruciales de la API de Composición, incluyendo su estructura, casos de uso apropiados, y la resolución de problemas comunes encontrados por desarrolladores/as Vue profesionales:

  • Nueva metodología de composición de componentes en Vue, enfocada en la agrupación y reutilización de lógica relacionada.
  • Diferenciación entre Options API y Composition API para una selección adecuada según el contexto.
  • Aplicación de las características principales de Vue, como métodos, referencias, propiedades computadas y watchers, en la nueva API de composición.
  • Extensión de la reactividad de Vue fuera de los componentes mediante ref y reactive.
  • Creación y utilización de funciones compositoras personalizadas, así como su integración con librerías externas.
  • Uso seguro de la API de Composición con TypeScript.
  • Comunicación entre componentes sin depender de jerarquías o relaciones parentales.
  • Eficiente compartición de estado.
  • Uso reactivo de la API del DOM.
  • Estrategias para pruebas unitarias de la API de composición y funciones compositoras —con Vitest.

Características

  • Duración de 4 a 5 horas, con un intervalo de descanso de 20 minutos incluido.
  • Horario aproximado: los sábados de 9 a 13~14 horas CET.
  • Enfoque práctico al 100%. La teoría se aborda de manera concurrente con la práctica.
  • Se presentarán 3 escenarios reales para resolver utilizando la Composition API: desde el modelado de datos hasta los diagramas de comunicación entre componentes.
  • Grupo reducido para garantizar una atención personalizada y de calidad.
  • Se dedicará tiempo tanto durante como al final del taller para responder preguntas y aclarar dudas.
  • Se proporcionará acceso a la grabación y al material del taller para una revisión posterior y un aprendizaje continuo.

Requisitos

  • Conocimiento esencial de Vue.js (Options API).
  • Conocimiento esencial de TypeScript.
  • Micrófono y cámara Web.

¿Es para mi?

Si Vue.js desempeña un papel significativo en tu conjunto de habilidades técnicas —o si estás aspirando a integrarlo en ellas, sí, lo es. Comprender exhaustivamente la API de Composición es un requisito indispensable. Esta sólida base no solo amplía tu competencia como desarrollador Vue, sino que también te posiciona como un profesional capacitado para abordar proyectos de mayor complejidad.

Próxima edición

Preparando la próxima edición.
Si no quieres perdértela, rellena este formulario para tener acceso preferente.

¿Quién lo imparte?

Juan Andrés Núñez
Juan Andrés Núñez
Ingeniero Frontend. Especialista en Vue.js. Docente profesional. Estoico.

Preguntas frecuentes

¿Qué se incluye en la matrícula del taller?
Participación en vivo en el Taller, material (slides y código) y una grabación de todo el evento.
¿Qué hardware y software debo tener listo?
  • Ordenador con conexión a Internet.
  • Cámara Web(la de tu portátil vale).
  • Micrófono(idem).
  • Auriculares.
  • Editor de Código(Visual Studio Code es suficiente).
  • Navegador Web moderno(como Google Chrome o Mozilla Firefox).
¿Cómo está estructurado el taller?
El taller está compuesto por 2 bloques de 2 horas de trabajo, dividido por un amplio descanso de 30 minutos para asentar toda la información recibida.
Aceptas otro método de pago
Como ves dispones de pago con tarjeta (vía Stripe) y PayPal. Si aún así necesitas otra forma de pago, ponte en contacto conmigo en escuelavue[at]gmail.com.
¿Qué software se usará para impartir el taller?
Google Meet, así que no es necesario que te instales nada.