Qué son los componentes en Solid
Contenido del curso
Kenneth Angulo L
Kenneth Angulo L
Kenneth Angulo L
Algo similar funcionan los componentes de las plantillas Blade en laravel, se le pasan por medio de props (propiedades) ?
¡Exacto! Justo como en Blade, las props son el puente que permite pasar datos y funciones del componente padre al hijo.
En Solid se reciben como un objeto único (normalmente llamado props) en el primer parámetro de la función componente. ¿Quieres que veamos cómo estructurar y desestructurar esas propiedades dentro del hijo?
EL componente vive en un archivo .jsx aparte del archivo principal imagino ?
Exacto, separarlos en archivos .jsx propios dentro de una carpeta de componentes es la norma para mantener la arquitectura limpia y ordenada.
Aunque un componente en Solid es solo una función de JavaScript y técnicamente podría vivir en el mismo archivo, aislarlo te ahorra caos cuando tu app crece. ¿Quieres que veamos cómo importarlo después en tu archivo principal?
Entonces la organizacion del codigo se logra usando componentes?
Exacto. En Solid, los componentes no están ahí para acelerar el renderizado —como en otros frameworks con Virtual DOM—, sino para poner orden en el caos.
Encapsulas piezas con una responsabilidad clara, como un botón de tema oscuro o un ítem de tu lista, logrando que el código sea legible y reutilizable sin trucos de rendimiento ocultos. ¿Quieres que pongamos a prueba cómo estructuramos esos bloques?
