Qué es la reactividad en Solid
Contenido del curso
Kenneth Angulo L
Alvaro Rafael Guete Puello
¿Por qué es mejor usar signals derivados?
Porque evitas la duplicación de estados y mantienes una única fuente de la verdad. Imagina que tienes el precio de un producto y necesitas mostrar ese precio con el impuesto aplicado. Podrías crear dos variables separadas y actualizar ambas manualmente cada vez que el precio cambie, pero eso es propenso a errores y desincronizaciones.
Al usar un Signal derivado (como const precioConImpuesto = () => precio() * 1.2), le estás diciendo al sistema que calcule este valor al vuelo basándose en el Signal original. Es mejor porque ahorras memoria al no almacenar datos redundantes y delegas la responsabilidad de la actualización al motor reactivo. Si el precio base cambia, cualquier parte de tu interfaz que lea precioConImpuesto() se actualizará automáticamente. Esto hace que tu código sea mucho más predecible, fácil de mantener y libre de bugs relacionados con estados desactualizados.
La reactividad en el desarrollo de software permite que los sistemas actualicen automáticamente su estado cuando cambian sus dependencias. En lugar de manejar manualmente cada cambio, los frameworks modernos como React o Solid gestionan estas actualizaciones de forma eficiente, lo que mejora tanto el rendimiento como la experiencia del usuario. Un ejemplo simple: si A = B + C y cambias el valor de B, A se actualiza sin necesidad de intervención adicional.
Solid.js lleva esta idea más allá con su sistema de signals (señales), que permite separar la lectura y escritura del estado. Por ejemplo, const [count, setCount] = createSignal(0) define un valor reactivo que actualiza automáticamente cualquier cálculo derivado, como const double = () => count() * 2. Esto permite crear interfaces complejas sin perder rendimiento ni claridad.
Aplicar la reactividad correctamente no solo mejora la calidad del código, sino que también abre la puerta a construir soluciones más dinámicas, mantenibles y modernas. Entender estos conceptos es clave para avanzar en el desarrollo frontend y crear experiencias más fluidas para los usuarios.
