Stoxy를 사용한 간단한 상태 관리

뭐

Stoxy는 웹 애플리케이션을 위한 새롭고 현대적인 반응 상태 관리 시스템입니다.

웹 앱을 위한 상태 저장 기능을 만들고 세션을 통해 유지하기 위한 작고 종속성이 없으며 확장 가능한 기능 집합입니다.

어떻게

Stoxy는 설정이 필요하지 않습니다. 로 설치 후

npm install @stoxy/core

리듀서나 초기 상태 객체로 번거롭게 할 필요가 없으며 즉시 상태 저장 애플리케이션 작성을 시작할 수 있습니다.

import { write } from '@stoxy/core';

const userData = {
    userName: "Stoxy",
    shoppingCart: [
        { id: 123, name: "Flaming hot cheetos" }
    ],
    shoppingHistory: {
        latestProducts: [
            { id: 555, name: "Doritos" },
            { id: 958, name: "Pringles" }
        ]
    }
};

write("userData", userData);

세션을 통해 개체를 유지하는 것은 단일 명령으로 키별로 수행할 수 있습니다.

import { persistKey } from '@stoxy/core';

persistKey('userData');

Promise 기반 API를 통해 데이터를 읽는 것도 간단해집니다.

read('shoppingcart').then(shoppingCartItems => {
    shoppingCartItems.map(item => console.log(item));
});

보다 구체적인 작업을 위해 여러 사용자 맞춤형 기능도 있습니다. 그들에 대해 더 읽어보기 at the docs.

어디에

Stoxy는 모든 프레임워크로 어디서나 실행할 수 있습니다. 프레임워크가 전혀 없는 경우에도 마찬가지입니다.

현재 Stoxy는 웹 컴포넌트용 요소 믹스인과 React/Preact용 후크와 함께 제공됩니다.

사이트에서 Stoxy에 대해 자세히 알아보기: Stoxy.dev

Stoxy는 Github에서 별 50개에 도달했습니다. Join the stargazers at GitHub!