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
- 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
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.