나는 상태 관리 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/
즐거운 코딩하세요! 🎉
모든 조언을 수락했습니다.
Reference
이 문제에 관하여(나는 상태 관리 npm을 작성했습니다 - 모든 상태), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/vyquocvu/i-wrote-a-state-management-npm-any-state-291n텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)