No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Curso de SolidJS

Curso de SolidJS

Samuel Burbano

Samuel Burbano

Primitiva reactiva de SolidJS: effect

4/27
Recursos

Aportes 2

Preguntas 0

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

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 鈥淚ncrementar鈥, el contador cambiar谩 y el createEffect se ejecutar谩 autom谩ticamente, registrando en la consola un mensaje con el nuevo valor del contador.

驴Qu茅 es el createEffect? 馃馃馃

La cajita m谩gica 馃摝馃獎

隆Imagina que est谩s jugando con bloques y tienes una cajita m谩gica! Cuando pones bloques de diferentes colores en esa cajita, algo especial sucede. Cada vez que agregas o quitas un bloque, la cajita hace algo nuevo y emocionante. 馃槷

El poderoso createEffect 馃挮

Bueno, en Solid.js, esa cajita m谩gica ser铆a el createEffect. Cuando pones cosas dentro de 茅l, como n煤meros o palabras, se convierte en una especie de guardi谩n que est谩 atento a esos objetos. Si alguno de esos objetos cambia, el createEffect dice: 鈥溌h, algo ha cambiado!鈥, y entonces hace una acci贸n especial que le hayas dicho que haga. Esa acci贸n puede ser mostrar un mensaje en una pantalla, cambiar algo en tu juego o hacer algo interesante.

Interactividad en tu juego 馃幃馃帀

Por ejemplo, podr铆as tener un contador en tu juego que cuente cu谩ntas veces has saltado. Cada vez que presionas un bot贸n para saltar, el createEffect podr铆a estar escuchando y decirte en la pantalla 鈥溌as saltado 5 veces!鈥 o 鈥溌as saltado 10 veces!鈥 馃馃.

Haciendo que tu aplicaci贸n brille 鉁煒

As铆 que, en resumen, el createEffect es como una cajita m谩gica que est谩 observando tus bloques y cuando algo cambia, hace cosas emocionantes para ti. 隆Es una forma genial de hacer que tu juego o aplicaci贸n sea interactiva y divertida!