Signals derivados vs createMemo en Solid
Contenido del curso
Jeisson Felipe Rodriguez Prieto
Samuel Burbano
Profesor
Kenneth Angulo L
La primitiva reactiva memo 💡
Es una función que te permite crear un valor derivado de otros valores, pero que solo se actualiza cuando alguno de esos valores cambia. 🔗
Es como una fórmula matemática que depende de otras variables pero que solo se recalcula cuando es necesario. 📊
Por ejemplo, si tienes una función memo que suma dos números, y esos números no cambian, la función memo no hará nada. 🧮 Pero si cambias uno de esos números, la función memo volverá a sumarlos y te dará el nuevo resultado. 🔄
La ventaja de usar memo 🚀
Es que puedes optimizar el rendimiento de tu aplicación, evitando cálculos innecesarios o repetitivos. ⏩ Además, puedes usar memo para crear valores reactivos que se sincronicen con otros valores, como el estado de tu aplicación o los datos que recibes de una API. 📡
De hecho, el memo va un poco mas allá, ya que si por ejemplo, un memo tiene los valores: a = 7 y b = 3. En un memo de suma esto nos daría ++10++, efectuaría los cambios en el DOM, etc. Pero si por ejemplo, ambos cambian: a = 8 y b = 2, el valor de esto seria ++10++ igual, el memo esto lo vería como el mismo valor que ya tenia "memorizado" y por ende no mandaría actualizaciones innecesarias a los lugares donde se use el memo.
¿Por qué es mejor utilizar los memos?
Es mejor utilizar memos porque actúan como una memoria caché inteligente para tus cálculos reactivos. A diferencia de una función derivada normal que se ejecuta a ciegas cada vez que su dependencia cambia, un memo recuerda su último valor computado.
Cuando el estado base se actualiza, el memo recalcula el resultado internamente, pero hace una pausa crucial antes de avisar al resto de la aplicación. Compara el nuevo resultado con el que tenía guardado en memoria; si son idénticos, detiene la cadena de reactividad en seco. Esto significa que tus componentes visuales no se volverán a pintar y tus efectos secundarios no se dispararán en vano. Es la herramienta definitiva para asegurar que tu código escale de manera eficiente, optimizando el uso de CPU y memoria al no desperdiciar ciclos de procesamiento en actualizaciones que visualmente no aportan ningún cambio.
