Repolode
mobxjs

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. 1

    mobx.js.org에서 문서 읽기

  2. 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 통계는 매일 갱신됩니다.

관련 프로젝트