React를 비롯한 모든 뷰 라이브러리에서 사용할 수 있는 예측 가능하고 유지보수하기 쉬운 전역 상태 관리 JavaScript 라이브러리입니다.
mobxjs/mobx
JavaScript 및 TypeScript 앱을 위한 간단하고 확장성 있는 상태 관리로, 의존성을 자동 추적하고 불필요한 재렌더링을 줄입니다.
- 스타
- 28,218
- 포크
- 1,810
- 열린 이슈
- 18
- 마지막 커밋
- 어제
어떤 프로젝트인가요?
MobX는 JavaScript와 TypeScript를 위한 상태 관리 라이브러리입니다. 데이터를 observable로 표시한 뒤 일반적인 대입문으로 값을 변경하면, MobX가 런타임에 각 계산식과 UI 컴포넌트가 어떤 값을 읽는지 추적하고 변경의 영향을 받는 항목만 다시 실행합니다.
makeAutoObservable을 사용해 일반 클래스나 객체로 상태를 모델링할 수 있으며, observable 상태에서 파생되는 값은 자동으로 계산됩니다. mobx-react-lite를 통한 React 컴포넌트처럼 observer로 감싼 컴포넌트는 자신이 읽는 특정 필드가 업데이트될 때만 다시 렌더링되므로, 일반적으로 수동 메모이제이션이나 selector가 필요하지 않습니다.
MobX는 특정 UI 프레임워크에 종속되지 않으므로 상태 로직을 컴포넌트 외부에 두고 독립적으로 테스트할 수 있습니다. 프로젝트 문서는 mobx.js.org에서 확인할 수 있습니다.
핵심 기능
- 01각 계산식이나 컴포넌트가 런타임에 어떤 상태를 읽는지 자동으로 추적합니다.
- 02비동기 코드에서도 일반적인 JavaScript 대입문으로 상태를 업데이트할 수 있습니다.
- 03수동으로 연결하지 않아도 observable 상태에서 파생된 값을 계산합니다.
- 04observer를 통해 사용하는 필드가 변경될 때만 React 컴포넌트를 다시 렌더링합니다.
- 05특정 UI 프레임워크에 종속되지 않아 상태를 격리해 테스트할 수 있습니다.
활용 사례
- 최소한의 보일러플레이트로 React 프런트엔드의 공유 애플리케이션 상태를 관리합니다.
- 특정 필드가 변경될 때 정확하게 업데이트되어야 하는 UI 상태를 구현합니다.
- 뷰 계층과 분리되고 단위 테스트하기 쉬운 일반 클래스로 비즈니스 로직을 구성합니다.
빠른 시작
- 1
mobx.js.org에서 문서 읽기
- 2
npm에서 mobx 패키지 설치하기
npm install mobx
포함된 컬렉션
토픽
자주 묻는 질문
- mobx은(는) 무엇인가요?
- JavaScript 및 TypeScript 앱을 위한 간단하고 확장성 있는 상태 관리로, 의존성을 자동 추적하고 불필요한 재렌더링을 줄입니다. MobX는 JavaScript와 TypeScript를 위한 상태 관리 라이브러리입니다. 데이터를 observable로 표시한 뒤 일반적인 대입문으로 값을 변경하면, MobX가 런타임에 각 계산식과 UI 컴포넌트가 어떤 값을 읽는지 추적하고 변경의 영향을 받는 항목만 다시 실행합니다.
- mobx은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- mobx은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- mobx은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. mobx의 마지막 커밋은 2026년 11월 6일입니다.
- mobx은(는) 어디에 사용할 수 있나요?
- 최소한의 보일러플레이트로 React 프런트엔드의 공유 애플리케이션 상태를 관리합니다. 특정 필드가 변경될 때 정확하게 업데이트되어야 하는 UI 상태를 구현합니다. 뷰 계층과 분리되고 단위 테스트하기 쉬운 일반 클래스로 비즈니스 로직을 구성합니다.
- mobx는 어떻게 설치하나요?
- mobx.js.org에서 문서 읽기 npm에서 mobx 패키지 설치하기: npm install mobx
- mobx은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/mobxjs/mobx
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
Provider 없이 사용할 수 있는 React용 경량 훅 기반 상태 관리 라이브러리입니다.
hooks와 Provider를 통해 Redux store를 React 컴포넌트에 연결하는 공식 React 바인딩입니다.
복잡한 앱과 워크플로 로직을 관리하는 상태 머신, 상태 차트, 액터용 무의존성 JavaScript/TypeScript 라이브러리입니다.
현재 상태의 초안을 변경해 불변 상태 업데이트를 작성할 수 있는 JavaScript 라이브러리입니다.
React, Vue, Svelte, Solid 바인딩을 제공하는 웹 앱용 비동기 상태 관리 및 데이터 페칭 라이브러리입니다.