80줄짜리 Proxy로 어떤 DOM이든 반응형으로
Key Point
기존 HTML 페이지에 복잡한 프레임워크 없이 가벼운 반응형 상태 관리를 추가하고 싶은 개발자에게 실용적인 선택지가 된다.
핵심 요약
- Mador는 프레임워크 없이 기존 HTML에 간단한 반응형 상태 관리만 추가하는 라이브러리다.
- 상태 읽기와 쓰기 함수 쌍으로 동작하며, CSS 선택자로 선택한 DOM 요소에 상태 변화를 자동으로 반영한다.
- 바인딩은 선택자·업데이트 함수·의존성 읽기 함수 3가지로 구성되고, 의존성 변화가 있을 때만 리렌더링된다.
- 상태 변경은 write() 함수로 하며 같은 사이클 내 여러 변경을 일괄 처리한다.
- DOM 요소가 제거되면 자동으로 해당 바인딩도 정리되므로 라이프사이클 관리가 필요 없다.
- 크기는 최소화되어 875바이트 수준이며, 빌드 단계 없이 ES 모듈로 직접 사용 가능하고 MIT 라이선스다.