Teniendo en cuenta el diseño atómico, ¿que viene siendo un componente? ¿Un organismo? ¿Una molécula?

Gracias, cristianblar.

Tal como menciona @emmaisworking, un componente no tiene una equivalencia única y exacta con los elementos del diseño atómico.

Un componente puede ser un átomo o puede ser un organismo (o puede ser más grande, o menos).

Por eso, en la clase, verás que el profesor tiene componentes tanto en organismos (como una top navbar) como en átomos (como un simple botón).

Lo importante es tener en cuenta que todo componente (para ser componente propiamente) debe recibir una entrada, realizar algún proceso con base en la acción del usuario y responder.

¡Saludos!

Un componente es algo que se pueda reutilizar, no importa si es atom, molecule, organims, template o page, este se puede duplicar y usar en otra plantilla.

Tú puedes construir un componente que sea un atom y juntarlo con otro componente para convertirlo en molecule y así ir escalando.

Ahorra tiempo, es práctico y si hay que cambiar algo solo es necesario hacerlo en el componente padre para que los cambios se realicen en todos los demas clones

Entendido. Muchas gracias, Juan.

Un componente puede ser una molécula u organismos que se volverá a usar.

Por ejemplo digamos que haces un botón de "Me Gusta" que tiene varios átomos que lo conforman. Y ese botón se repetirá en varias páginas y necesitas que si se modifica el original se modifiquen todos, eso es un componente.

Entonces digamos tiene el botón de "Me gusta" azul y con un icono de corazón (Varios átomos) y esta en varias páginas, para cambiarlo a rojo y digamos ahora un icono de mano modificas al padre (Al componente original digamos) y todos los lugares donde este ese botón se actualiza

Gracias, Juan. Justamente entendí eso que tu expones cuando vi la clase. Mi inquietud se refería al concepto "componente". Me preguntaba si un "componente" puede ser una molécula o una suma de estas o debe ir mas allá. Una suma de de organismos, por ejemplo.

Por ejemplo imagina la interfaz de Google

Un átomo podría el botón para buscar con voz, el icono de lupa y el campo de búsqueda.

La molécula sería todo lo anterior en conjunto. Otro ejemplo es el menú superior (Imágenes, Gmail, etc.) y la molécula todo ese menú en general.

Un organismo sería por ejemplo la molécula de búsqueda y los botones (Conjunto de moléculas)

Más adelante en otros cursos de interfaces podrás ver cómo organizan los elementos en diseño atómico