XOID、導入された国連の管理者は、Estadoペック

パラ管理者El Estado Global enは、エラスラスMのsのs conocidas como redux y mobx que息子buenas opciones para muchos proyectosに入隊します.
コンベンションのためのコンベンションの研究については、私たちの研究のために、私たちは、このような問題を解決しました.
Recoil
INALIREMOSについて
パラInstalarloは、USAR糸O NPM、en este caso se usar筋糸をpuedesします.

yarn add xoid

Zustand
コメンツァレモスクレドナ
パラクレアNuna Tienda usamos la function i nを作成して、El - Cu - en - l Toma Das Argumentos el Primer Valor es El Estado(Valore Primitivos、Objetos、Arreglos)、El Segundo Toma Nuna関数i n n que retorna una serie de Acciones en un objeto

import { create, set } from "xoid";

// Tienda de un contador
const counterStore = create(0, (store) => ({
  increment: () => {
    set(store, (state) => state + 1));
  },
  decrement: () => {
    set(store, (state) => state - 1);
  }
}));

コモ・プエデの観察について

変奏曲エル・スターンズ
ヌーVez CreadoラTiendaパラシュートで降下する人は、su estado y acciones usaremos elフックを使用します.エステフックTieneラMisma Espuctura que Useties en la la Le l l Devuelve un Arreglo de Volores , El Estado実際のエル変則者

import { useStore } from "xoid";

const Counter = () => {
  const [ counter, { increment, decrement } ] = useStore(counterStore);
  return(
   <div>
      <h1>Value: {counter}</h1>
      <button onClick={() => increment()}>increment</button>
      <button onClick={() => decrement()}>decrement</button>
   </div>
  );
}

ためし
アホラque conocemosは、La sintaxis Bを得ます.C . C . Mo Mo hacemos la購読は、Otra tiendaか?
エヌVez de Pasarle Un Volor al Primer Argumento Lo Hacemos es Pasarle Nuna関数I n la la Col . L Nos Permitir des Almacenar un valor derivado de otras tiendas

const duplicateCounterStore = create(
 get => get(counterStore) * 2
);

デesta manera cada vez que cambie el valor de una tienda a la que est sausrita,eltambi es n cambiar se su estado y podremos usarlo de la manera en que se renera
パラFinalizar USAREMOSラNueva TiendaクレダエヌNuestro構成要素カウンタ.

import { useStore } from "xoid";

const Counter = () => {
  const [ counter, { increment, decrement } ] = useStore(counterStore);
  const [ duplicateCounter ] = useStore(duplicateCounterStore);
  return(
   <div>
      <h1>Value 1: {counter}</h1>
      <h2>Value 2: {duplicateCounter}</h2>
      <button onClick={() => increment()}>increment</button>
      <button onClick={() => decrement()}>decrement</button>
   </div>
  );
}

コモpuedesは、エヌbatante sencillo罪を禁じますティエンMuchas M ' s s caracterは、ステアinteresantes como el usoデセレクタ、M😊.
Ahora que conoces Nuna Breve導入エステManejador de Estado Te invito探検的なM .