hola jose manuel 👋

bueno, atomic design es una metodología que como dice: "no se diseñan páginas, sino componentes". y la idea fundamental es ver todo el sistema como un conjunto de moléculas y átomos. y para ello, se empieza creando componentes indivisibles (llamados átomos) y a partir de allí ir creando componentes más complejos compuestos por los componentes indivisibles (estos se llaman moléculas). e ir creando componentes más complejos aún, compuestos por un conjunto de moléculas y átomos y así sucesivamente.

pero esto solo se refiere al diseño en sí, y la manera en como debemos estructurar nuestros componentes. para la comunicación entre ellos, podemos trabajar con estados globales, y no estar pasando los props entre la gran cadena de componentes padres e hijos.

no especificaste con qué estás trabajando, pero una de estas herramientas para trabajar con el estado global se llama redux, que lo tenemos para react.js, angular y vue.js. la idea es que si la acción en un componente desencadena otra acción en otro componente, y estos no se encuentran cercanos entre sí, con el estado global pueda existir una comunicación directa entre estos componentes sin pasar props de arriba a abajo.

tener un evento onchange para cada input no tan necesario, dependiendo de lo que quieras hacer. pero puedes hacerlo sin eso y luego con un botón capturar los valores de cada input.

hola jose manuel 👋

bueno, atomic design es una metodología que como dice: "no se diseñan páginas, sino componentes". y la idea fundamental es ver todo el sistema como un conjunto de moléculas y átomos. y para ello, se empieza creando componentes indivisibles (llamados átomos) y a partir de allí ir creando componentes más complejos compuestos por los componentes indivisibles (estos se llaman moléculas). e ir creando componentes más complejos aún, compuestos por un conjunto de moléculas y átomos y así sucesivamente.

pero esto solo se refiere al diseño en sí, y la manera en como debemos estructurar nuestros componentes. para la comunicación entre ellos, podemos trabajar con estados globales, y no estar pasando los props entre la gran cadena de componentes padres e hijos.

no especificaste con qué estás trabajando, pero una de estas herramientas para trabajar con el estado global se llama redux, que lo tenemos para react.js, angular y vue.js. la idea es que si la acción en un componente desencadena otra acción en otro componente, y estos no se encuentran cercanos entre sí, con el estado global pueda existir una comunicación directa entre estos componentes sin pasar props de arriba a abajo.

tener un evento onchange para cada input no tan necesario, dependiendo de lo que quieras hacer. pero puedes hacerlo sin eso y luego con un botón capturar los valores de cada input.

hola jose manuel 👋

bueno, atomic design es una metodología que como dice: "no se diseñan páginas, sino componentes". y la idea fundamental es ver todo el sistema como un conjunto de moléculas y átomos. y para ello, se empieza creando componentes indivisibles (llamados átomos) y a partir de allí ir creando componentes más complejos compuestos por los componentes indivisibles (estos se llaman moléculas). e ir creando componentes más complejos aún, compuestos por un conjunto de moléculas y átomos y así sucesivamente.

pero esto solo se refiere al diseño en sí, y la manera en como debemos estructurar nuestros componentes. para la comunicación entre ellos, podemos trabajar con estados globales, y no estar pasando los props entre la gran cadena de componentes padres e hijos.

no especificaste con qué estás trabajando, pero una de estas herramientas para trabajar con el estado global se llama redux, que lo tenemos para react.js, angular y vue.js. la idea es que si la acción en un componente desencadena otra acción en otro componente, y estos no se encuentran cercanos entre sí, con el estado global pueda existir una comunicación directa entre estos componentes sin pasar props de arriba a abajo.

tener un evento onchange para cada input no tan necesario, dependiendo de lo que quieras hacer. pero puedes hacerlo sin eso y luego con un botón capturar los valores de cada input.