para cambiar según esta propiedad de colapso. Y luego las etiquetas de párrafo en la parte inferior, también vamos a representar condicionalmente. Y también tenemos que calcular la clase, porque uno es flexbox y el otro es grid. En teoría, puedes hacer que sea una cuadrícula de una sola columna dentro de flexbox, pero este es solo el primer paso en nuestra refactorización aquí. Entonces, al final, al empujar este vfConditional del padre al hijo, nuestro componente padre ahora se vuelve un poco inútil, e incluso podríamos deshacernos de él. Pero tenemos un problema bastante grande, en mi opinión. Y eso nos lleva a cuándo no crear este componente. Y así, tenemos este componente corto. Pero debido a que hemos tomado dos componentes que hacen cosas diferentes y los hemos combinado, en realidad hemos hecho que este componente sea mucho más complejo. Y al practicar esta charla y escribir mis diapositivas, después de un tiempo, me di cuenta de que en realidad hay un error en este código, que no me di cuenta al principio, porque es más complejo. Este V show, este colapso aquí, debería haber eliminado esa negación. Y así, al principio, es fácil pasar por alto ese tipo de cosas, porque hay muchas cosas sucediendo aquí, y para entender este código y lo que está sucediendo, es mucho pensar, mucho mirar paso a paso y tratar de determinar qué está sucediendo aquí. Y así, esto es en última instancia una cuestión de si es mejor mantener, es mejor eliminar código duplicado o no. Y a mucha gente le gusta seguir el principio DRY, no te repitas, pero en realidad, no te repitas se trata más del conocimiento y la intención detrás del código y no de los caracteres reales en la pantalla. Y así, aunque esos componentes se ven iguales, en realidad representan intenciones muy diferentes. Y así, combinarlos juntos, en este caso, fue un error. Así que queremos volver a lo que teníamos antes con este componente padre aquí. Y luego tomar estos componentes de artículo colapsado y artículo expandido y, sí, separarlos. Así que tenemos dos componentes simples en lugar de uno más complejo, más difícil de entender.
Entonces... eso es todo lo que quería cubrir aquí. Y ahora es el final de la charla donde puedo promocionarme descaradamente por un momento. Estoy trabajando en un nuevo curso que debería salir en un par de meses y que habla más sobre este tipo de patterns y profundiza más en cómo creamos nuevos componentes. ¿Cómo lo hacemos bien? Y un par de conceptos relacionados más. Así que si quieres más información sobre eso, puedes seguirme en Twitter o en cualquier lugar en línea y estaré hablando de eso. También soy el instructor de Mastering Next 3, que es en colaboración con Vue School y si quieres aprender Next 3, cómo hacer desarrollo full-stack, cubrimos todo desde lo básico hasta la authentication y la integración con Stripe y todas esas cosas con eso. Y luego, por supuesto, también está este libro si quieres obtenerlo en línea. También hay una versión de libro electrónico para que no tengas que tener la copia física. Y ahí están mis enlaces e información. ¡Muchas gracias! Por favor, toma asiento, toma asiento. Hubo muchas buenas preguntas pero ahora, y me encanta que esta siga, oh, esta sigue ahí con
Comments