Taller Composition 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

El taller, basado en mi participación en Vue.js Live 24, 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.