나는 상태 관리 npm을 작성했습니다 - 모든 상태

특징:

경량 개체 상태 관리
오픈 소스 프로젝트
작은 앱 크기(~2Kb)
기본 프레임워크와 함께 사용하기 쉬움, 변경에 대한 콜백

에 대한:

AnyState는 (보다 안전한 환경을 위해) Typescript를 사용하여 구축된 오픈 소스 프로그램입니다.

용법

createStore()로 anyState 객체 초기화

  const anyState =  createStore({
    name: 'John',
    age: 30,
    children: [{
      name: 'Bob',
      age: 5,
    }]
  });

상태 설정

  anyState.setState({
    name: 'John',
    age: 30,
    children: [{
      name: 'Bob',
      age: 5,
    }]
  });

상태 가져오기

  const state = anyState.getState();

세트 아이템

  // const path = 'name';
  const path = 'children[0].name'; // the path to the item
  anyState.setItem(path, 'Jane');

항목 가져오기

  const path = 'children[0]';
  const child = anyState.getItem(path);

변경 시 시청

  const path = 'name'; // path to item
  anyState.watch(path, (nextState, prevState) => {
     // do anything
  });

예

React Todo

Solid Todo

연결:

GitHub: https://github.com/vyquocvu/anystate
Npm: https://www.npmjs.com/package/anystate
내 사이트: https://vyquocvu.co/

즐거운 코딩하세요! 🎉
모든 조언을 수락했습니다.