Refactor the Thread Editor Component with the Composition API

Introducción

Una de las cosas mas complejas es la refactorización en JS. Es algo que me vuelve loco, pues aun no localizo bien su sistema de logs.

Asi que en la clase [Refactor the Thread Editor Component with the Composition API](FTF - Refactor the Thread Editor Component with the Composition API) se hace un trabajo interesante sobre como refactorizar un componente, usando composition API.

Lección de refactorización

Video

• Fuera los elementos en el dat()
• <script> pasa a <script setup
• Definir el formulario reactivo
• Pegar los datos del data() y ajustarlos.
• Definir los props antes que el data
• Conversión de los métodos en funciones
• Definir las macro emits
• Definir las props.
• Atención a las rules de es-lint y algunos cambios en las versiones de vue.

Enlaces

• Mi Gitlab - privado - Branch refactor_thread_composition_api
• Vue Masterclass

Advertencia

Este es un tip, que tiene como apoyo un video de las Vue School. El curso es el llamado Vue Masterclass, que recomiendo encarecidamente a muchos que dicen saber Vue.

Es de pago, no es gratis. Pero merece la pena, mucho más que muchos "expertos" ruidosos de Udemy.