Primitivas reactivas ⚛️
En SolidJS, las primitivas reactivas son funciones y objetos que se utilizan para definir y gestionar el estado de un componente y reaccionar automáticamente a los cambios en ese estado. 🔄
🎣 Una de estas primitivas es el createEffect. 🎯
✨ El createEffect es un hook que permite ejecutar un efecto secundario, como una función, cuando algún valor reactivo dentro de su alcance cambia. 🔄
📝 Aquí tienes la sintaxis básica del createEffect:
createEffect(() => {
// Aquí colocas el código que quieres ejecutar cuando los datos reactivos cambien.
});
El createEffect se ejecutará automáticamente cada vez que alguno de los datos reactivos que se utilizan dentro de su bloque cambie.
Ejemplo de uso:
import { createEffect, createSignal } from 'solid-js';
function App() {
const [count, setCount] = createSignal(0);
createEffect(() => {
console.log('El contador ha cambiado:', count());
// Aquí puedes realizar tareas adicionales que se deben ejecutar cuando el contador cambia.
});
return (
<div>
<h1>Count: {count()}</h1>
<button onClick={() => setCount(count() + 1)}>
+
</button>
</div>
);
}
export default App;
En este ejemplo, cada vez que haces clic en el botón “Incrementar”, el contador cambiará y el createEffect se ejecutará automáticamente, registrando en la consola un mensaje con el nuevo valor del contador.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.