특히 React 컨텍스트와 비React 컨텍스트 모두에서 액세스해야 하는 경우 JavaScript 애플리케이션에서 전역 상태를 관리하는 것은 어려울 수 있습니다. 기존 라이브러리에는 설정이 많이 필요하고 불필요한 복잡성이 수반되며 React와 긴밀하게 결합되는 경우가 많습니다. 하지만 종이 접기의 우아함과 단순함으로 상태를 관리할 수 있다면 어떨까요? 종이접기-상태-관리자(OSM)를 입력하세요.
Origami-State-Manager(OSM)("awesome"이라고 발음)은 간단하고 유연하며 확장 가능하도록 설계된 경량 상태 관리 라이브러리입니다. 평범한 종이를 복잡한 디자인으로 바꾸는 일본의 종이접기 기술에서 영감을 받은 OSM을 사용하면 동일한 우아함으로 응용 프로그램의 전역 상태를 관리할 수 있습니다. 종이와 마찬가지로 놀라울 정도로 가볍기 때문에 단순성과 성능이 중요한 애플리케이션에 적합합니다.
OSM을 구축하기 위한 여정은 다음과 같은 솔루션을 찾는 것에서 시작되었습니다.
과도하게 설계된 솔루션에 지쳤고 딱 작동하는 솔루션을 원한다면 OSM이 여러분에게 필요한 "멋진" 도구일 수 있습니다.
앱에 OSM 느낌을 추가할 준비가 되셨나요? 시작하는 방법은 다음과 같습니다.
1. 라이브러리 설치:
npm install origami-state-manager
2. 매장 만들기:
상점은 전 세계의 모든 주가 사는 곳입니다. 설정은 초기 상태 값을 createStore:
에 전달하는 것만큼 쉽습니다.
// store.ts import { createStore } from "origami-state-manager"; const initialValues = { origami: 0, osmness: 0, }; export const store = createStore(initialValues);
상점 이름을 제공하여 상점을 영구화할 수도 있습니다.
export const store = createStore(initialValues, "myOSMness");
3. 액세스 및 업데이트 상태:
React 구성 요소의 경우 useStateListener 후크를 사용하여 상태에 액세스하고 업데이트합니다.
import { store } from "./store"; import { useStateListener } from "origami-state-manager"; function OrigamiComponent() { const origami = useStateListener("origami", store); return ( <button onClick={() => store["origami"].value = new Date().getSeconds()}> Origami Count: {origami} </button> ); }
4. Non-React 함수의 액세스 상태:
React 외부에서도 쉽게 상태 작업을 수행할 수 있습니다.
// utils.js function getProfile() { let profile = store["profile"].value; if (!profile) { store["profile"].value = {}; } return store["profile"].value; }
OSM은 다음과 같은 시나리오에 적합합니다.
OSM은 아직 초기 단계이며 모든 환경에서 완전히 테스트되지 않았습니다. 소규모 프로젝트와 간단한 상태 요구 사항에 이상적이지만 복잡한 시나리오에서 사용할 때는 주의하는 것이 좋습니다. 문제가 발생하면 도서관이 지속적으로 개선될 수 있도록 신고해 주세요.
OSM을 더욱 멋지게 만드는 데 관심이 있으신가요? 기여를 환영합니다! 시작하려면 기여 지침을 확인하세요.
변경 로그는 모든 새로운 변경 사항과 개선 사항으로 정기적으로 업데이트됩니다.
Origami-State-Manager(OSM)는 부풀림 없이 글로벌 상태 관리를 위한 간단하면서도 강력한 솔루션을 제공하는 것을 목표로 합니다. 설정을 최소화하고 성능을 높게 유지함으로써 OSM을 사용하면 상태 복잡성으로 씨름하는 대신 기능 구축에 집중할 수 있습니다.
이것을 사용해 보고 프로젝트에서 새로운 차원의 OSM다움을 경험해 보세요!
오늘 OSM을 시작해보세요: npm: origami-state-manager
위 내용은 Origami-State-Manager(OSM) 소개: 최소한의 상용구를 갖춘 경량 상태 관리 라이브러리의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!