How MobX is structuredAn interactive map of the MobX codebase. The reactive state library, its monorepo in 220 files with mobx-react and mobx-react-lite, without the docs' copies of CodeMirror and jQuery. internal.ts gathers the core: a change to it can reach 52 files.

Files visualized: 220

Languages: TypeScript, JavaScript

Topics: state management, typescript

Source repository: https://github.com/mobxjs/mobx

Structure220 files and 246 connections between their symbols.Most depended on

packages/mobx/src/internal.ts, imported by 52 files

packages/mobx/src/mobx.ts, imported by 34 files

packages/mobx-react/src/index.ts, imported by 13 files

packages/mobx/__tests__/utils/test-utils.ts, imported by 10 files

packages/mobx-react-lite/src/index.ts, imported by 8 files

Files

packages/mobx/src/internal.ts: no top-level classes or functions; imports packages/mobx/src/api/action.ts, packages/mobx/src/api/annotation.ts, packages/mobx/src/api/autorun.ts, packages/mobx/src/api/become-observed.ts, packages/mobx/src/api/computed.ts, packages/mobx/src/api/configure.ts, packages/mobx/src/api/decorators.ts, packages/mobx/src/api/extendobservable.ts and 43 more

packages/mobx/src/mobx.ts: no top-level classes or functions; imports packages/mobx/src/errors.ts, packages/mobx/src/internal.ts

packages/mobx-react/src/index.ts: no top-level classes or functions; imports packages/mobx-react/src/observer.tsx

packages/mobx/__tests__/utils/test-utils.ts: 5 functions; imports packages/mobx/src/mobx.ts

packages/mobx-react-lite/src/index.ts: no top-level classes or functions; imports packages/mobx-react-lite/src/ObserverComponent.ts, packages/mobx-react-lite/src/observer.ts, packages/mobx-react-lite/src/staticRendering.ts, packages/mobx-react-lite/src/useLocalObservable.ts, packages/mobx-react-lite/src/utils/assertEnvironment.ts, packages/mobx-react-lite/src/utils/observerFinalizationRegistry.ts

packages/mobx-react-lite/src/useObserver.ts: 3 functions; imports packages/mobx-react-lite/src/staticRendering.ts, packages/mobx-react-lite/src/utils/observerFinalizationRegistry.ts

jest.base.config.js: 1 function

packages/mobx/src/utils/utils.ts: 21 functions; imports packages/mobx/src/internal.ts

packages/mobx-react-lite/src/utils/UniversalFinalizationRegistry.ts: 3 classes

packages/eslint-plugin-mobx/__tests__/utils/get-rule-tester.js: 2 functions

packages/mobx-react-lite/src/utils/observerFinalizationRegistry.ts: no top-level classes or functions; imports packages/mobx-react-lite/src/utils/UniversalFinalizationRegistry.ts

packages/mobx/src/api/decoratorannotation.ts: 1 function; imports packages/mobx/src/api/annotation.ts, packages/mobx/src/errors.ts, packages/mobx/src/utils/utils.ts

packages/mobx/src/types/decorator_fills.ts: no top-level classes or functions

packages/mobx-react-lite/src/staticRendering.ts: 2 functions

packages/mobx/src/core/computedvalue.ts: 1 class; imports packages/mobx/src/internal.ts, packages/mobx/src/utils/utils.ts

packages/mobx/src/errors.ts: 1 function

packages/eslint-plugin-mobx/src/exhaustive-make-observable.ts: 1 function; imports packages/eslint-plugin-mobx/src/utils.ts

packages/eslint-plugin-mobx/src/missing-observer.ts: 2 functions

packages/eslint-plugin-mobx/src/no-anonymous-observer.ts: 1 function

packages/eslint-plugin-mobx/src/unconditional-make-observable.ts: 1 function; imports packages/eslint-plugin-mobx/src/utils.ts

packages/eslint-plugin-mobx/src/utils.ts: 3 functions

packages/mobx-react/__tests__/utils/withConsole.ts: 1 function

packages/mobx-react/src/utils/utils.ts: 7 functions

packages/mobx/src/api/action.ts: 4 functions; imports packages/mobx/src/api/decoratorannotation.ts, packages/mobx/src/internal.ts, packages/mobx/src/types/decorator_fills.ts

packages/mobx/src/api/annotation.ts: 2 functions; imports packages/mobx/src/internal.ts

packages/mobx/src/api/flow.ts: 1 class, 5 functions; imports packages/mobx/src/api/decoratorannotation.ts, packages/mobx/src/internal.ts, packages/mobx/src/types/decorator_fills.ts

packages/mobx/src/types/observablearray.ts: 1 class, 6 functions; imports packages/mobx/src/internal.ts

packages/mobx/src/types/observableobject.ts: 1 class, 5 functions; imports packages/mobx/src/internal.ts

packages/mobx/src/types/observablevalue.ts: 1 class; imports packages/mobx/src/internal.ts

packages/mobx-react-lite/__tests__/utils/killFinalizationRegistry.ts: no top-level classes or functions

packages/mobx-react-lite/src/observer.ts: 2 functions; imports packages/mobx-react-lite/src/staticRendering.ts, packages/mobx-react-lite/src/useObserver.ts

packages/mobx-react-lite/src/ObserverComponent.ts: 1 function; imports packages/mobx-react-lite/src/useObserver.ts

packages/mobx-react-lite/src/useLocalObservable.ts: 1 function

packages/mobx-react-lite/src/utils/assertEnvironment.ts: no top-level classes or functions

packages/mobx-react/__tests__/utils/killFinalizationRegistry.ts: no top-level classes or functions

packages/mobx-react/src/observer.tsx: 1 function; imports packages/mobx-react/src/observerClass.ts, packages/mobx-react/src/types/IReactComponent.ts

packages/mobx-react/src/observerClass.ts: 7 functions; imports packages/mobx-react/src/utils/utils.ts

packages/mobx-react/src/types/IReactComponent.ts: no top-level classes or functions

packages/mobx-undecorate/src/undecorate.ts: 4 functions

packages/mobx/__tests__/perf/index.js: no top-level classes or functions; imports packages/mobx/__tests__/perf/perf.js

180 further files are in the graph but not listed here.Files that import each other

packages/mobx/__tests__/perf/index.js and packages/mobx/__tests__/perf/perf.js

packages/mobx/src/api/action.ts and packages/mobx/src/internal.ts

packages/mobx/src/api/annotation.ts and packages/mobx/src/internal.ts

packages/mobx/src/api/autorun.ts and packages/mobx/src/internal.ts

packages/mobx/src/api/become-observed.ts and packages/mobx/src/internal.ts

packages/mobx/src/api/computed.ts and packages/mobx/src/internal.ts

packages/mobx/src/api/configure.ts and packages/mobx/src/internal.ts

packages/mobx/src/api/decorators.ts and packages/mobx/src/internal.ts

packages/mobx/src/api/extendobservable.ts and packages/mobx/src/internal.ts

packages/mobx/src/api/extras.ts and packages/mobx/src/internal.ts

packages/mobx/src/api/flow.ts and packages/mobx/src/internal.ts

packages/mobx/src/api/intercept-read.ts and packages/mobx/src/internal.ts

packages/mobx/src/api/intercept.ts and packages/mobx/src/internal.ts

packages/mobx/src/api/iscomputed.ts and packages/mobx/src/internal.ts

packages/mobx/src/api/isobservable.ts and packages/mobx/src/internal.ts

packages/mobx/src/api/makeObservable.ts and packages/mobx/src/internal.ts

packages/mobx/src/api/object-api.ts and packages/mobx/src/internal.ts

packages/mobx/src/api/observable.ts and packages/mobx/src/internal.ts

packages/mobx/src/api/observe.ts and packages/mobx/src/internal.ts

packages/mobx/src/api/tojs.ts and packages/mobx/src/internal.ts

packages/mobx/src/api/transaction.ts and packages/mobx/src/internal.ts

packages/mobx/src/api/when.ts and packages/mobx/src/internal.ts

packages/mobx/src/core/action.ts and packages/mobx/src/internal.ts

packages/mobx/src/core/atom.ts and packages/mobx/src/internal.ts

packages/mobx/src/core/computedvalue.ts and packages/mobx/src/internal.ts

packages/mobx/src/core/derivation.ts and packages/mobx/src/internal.ts

packages/mobx/src/core/globalstate.ts and packages/mobx/src/internal.ts

packages/mobx/src/core/observable.ts and packages/mobx/src/internal.ts

packages/mobx/src/core/reaction.ts and packages/mobx/src/internal.ts

packages/mobx/src/core/spy.ts and packages/mobx/src/internal.ts

packages/mobx/src/internal.ts and packages/mobx/src/types/actionannotation.ts

packages/mobx/src/internal.ts and packages/mobx/src/types/autoannotation.ts

packages/mobx/src/internal.ts and packages/mobx/src/types/computedannotation.ts

packages/mobx/src/internal.ts and packages/mobx/src/types/dynamicobject.ts

packages/mobx/src/internal.ts and packages/mobx/src/types/flowannotation.ts

packages/mobx/src/internal.ts and packages/mobx/src/types/intercept-utils.ts

packages/mobx/src/internal.ts and packages/mobx/src/types/listen-utils.ts

packages/mobx/src/internal.ts and packages/mobx/src/types/modifiers.ts

packages/mobx/src/internal.ts and packages/mobx/src/types/observableannotation.ts

packages/mobx/src/internal.ts and packages/mobx/src/types/observablearray.ts

packages/mobx/src/internal.ts and packages/mobx/src/types/observablemap.ts

packages/mobx/src/internal.ts and packages/mobx/src/types/observableobject.ts

packages/mobx/src/internal.ts and packages/mobx/src/types/observableset.ts

packages/mobx/src/internal.ts and packages/mobx/src/types/observablevalue.ts

packages/mobx/src/internal.ts and packages/mobx/src/types/overrideannotation.ts

packages/mobx/src/internal.ts and packages/mobx/src/types/type-utils.ts

packages/mobx/src/internal.ts and packages/mobx/src/utils/comparer.ts

packages/mobx/src/internal.ts and packages/mobx/src/utils/eq.ts

packages/mobx/src/internal.ts and packages/mobx/src/utils/utils.ts

NeedyNodes is a free, browser-based tool that turns a codebase into an interactive dependency map: folders become regions, files are laid out in the direction their imports run, and circular dependencies or dead exports are flagged automatically. Point at a file to see what it uses and what uses it, or double click it to see every file a change to it can reach. It parses JavaScript, TypeScript, Python, Go, Rust, Vue and Svelte, up to 1000 files per map. Nothing is uploaded: parsing runs entirely in the browser.Browse all visualized codebases · Visualize your own codebase