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: signals

3/27
Recursos

Aportes 4

Preguntas 1

Ordenar por:

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

o inicia sesi贸n.

Una buena opci贸n para sustituir a Copilot, porque no siempre se puede pagar o se acaba la prueba de 3 meses xD, es Amazon CodeWhisperer.

https://aws.amazon.com/es/codewhisperer/

createSignal es igual a un useState de React. (no s茅 si en vue o angular el mecanismo es similar).

Las primitivas reactivas de SolidJS 馃殌

驴Qu茅 son? 馃

son funciones que crean y gestionan datos reactivos en la aplicaci贸n.

Estos datos cambian autom谩ticamente cuando sus dependencias cambian, optimizando las actualizaciones de la interfaz.

SolidJS utiliza las primitivas, como signals, memos y effects, para detectar y reaccionar a los cambios en los datos. Estas primitivas se crean con la palabra clave create.

//import logo from './logo.svg';
import styles from './App.module.css';
import { createEffect, createSignal } from 'solid-js';
const [count, setCount] = createSignal(0);

let intervalId;

function App() {
  const handleIncrement = (step) => setCount(Math.max(count() + step, 0));
  const handleMouseDown = (step) => intervalId = setInterval(() => handleIncrement(step), 200);
  const handleMouseUp = () => clearInterval(intervalId);


  return (
    <div class={styles.App}>
      <h1>Count: {count()}</h1>
      <button
        onClick={() => handleIncrement(1)}
        onMouseDown={() => handleMouseDown(1)}
        onMouseUp={handleMouseUp}>
        +
      </button>
      <button
        onClick={() => handleIncrement(-1)}
        onMouseDown={() => handleMouseDown(-1)}
        onMouseUp={handleMouseUp}>
        -
      </button>
    </div>
  );
}

export default App;