useSmartState

간결하고 직관적인 상태 관리를 위한 React 훅 🧠

✨ 소개

React의 useState는 좋지만, 항상 [value, setValue] 구조는 너무 번거롭습니다.
useSmartState는 상태값을 value, 변경 함수는 set()으로 사용하는 간단한 인터페이스를 제공합니다.

const state = useSmartState(0);
console.log(state.value); // 0
state.set(5);
state.set(prev => prev + 1);

📦 설치

npm install use-smart-state

🧑‍💻 사용법

기본 사용

const count = useSmartState(0);
console.log(count.value); // 0
count.set(2); // 2로 설정
count.set(prev => prev + 3); // 함수형 업데이트

초기값 없이 사용

const state = useSmartState<string>();
console.log(state.value); // undefined
state.set("Hello");

✅ 장점

• value, set() 구조로 깔끔한 코드 작성 가능
• 함수형 업데이트 완벽 지원
• TypeScript 완벽 지원

🧪 테스트

npm install
npm test

📂 파일 구조

src/
└─ useSmartState.ts

test/
└─ useSmartState.test.ts

README.md
package.json

📝 라이선스

MIT