# mobx-boost

> mobx, mobs-state-tree, mobx-react, mobx-react-devtools, mobx-utils, as 1 pkg

Latest version **0.0.6** (published 2018-05-03) · MIT license · 0 weekly downloads

## Install

```sh
npm install mobx-boost
pnpm add mobx-boost
yarn add mobx-boost
bun add mobx-boost
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.6 |
| Published | 2018-05-03 |
| First published | 2018-04-01 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 7 |
| Unpacked size | 2.4 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 2 |
| Author | aretecode |
| Maintainers | aretecode |

## Links

- npm: https://www.npmjs.com/package/mobx-boost
- Repository: https://github.com/aretecode/mobx-boost
- Homepage: https://github.com/aretecode/mobx-boost#readme
- Issues: https://github.com/aretecode/mobx-boost/issues
- npm.io page: https://npm.io/package/mobx-boost

## Dependencies (7)

- [mobx](https://npm.io/package/mobx.md) ^4.1.1
- [mobx-react](https://npm.io/package/mobx-react.md) ^5.1.2
- [mobx-utils](https://npm.io/package/mobx-utils.md) ^4.0.1
- [mobx-formatters](https://npm.io/package/mobx-formatters.md) ^1.0.2
- [mobx-state-tree](https://npm.io/package/mobx-state-tree.md) ^2.0.4
- [mst-middlewares](https://npm.io/package/mst-middlewares.md) ^2.0.4
- [mobx-react-devtools](https://npm.io/package/mobx-react-devtools.md) ^5.0.1

## Recent versions

- 0.0.6 (latest) — 2018-05-03
- 0.1.0 (next) — 2018-06-30
- 0.0.5 — 2018-04-01
- 0.0.4 — 2018-04-01
- 0.0.3 — 2018-04-01
- 0.0.2 — 2018-04-01
- 0.0.1 — 2018-04-01

## README

# mobx-boost

[![NPM version][mobx-boost-npm-image]][mobx-boost-npm-url]
[![codesandbox][mobx-boost-codesandbox-image]][mobx-boost-codesandbox-url]

> mobx, mobs-state-tree, mobx-react, mobx-react-devtools, mobx-utils, as 1 pkg

# note

* `mobx-state-tree` & `mobx` both export `decorate` and `flow`
* `mobx-state-tree`'s variants are exported as `mstDecorate` & `mstFlow`
* `mobx-react-devtools` exports `DevTools` as default, here it is exported as `DevTools`

# imports

each package can be imported by using the main entry point

```ts
import React from 'react'
import {render} from 'react-dom'
import {observer, observable, action, DevTools} from 'mobx-boost'

const state = observer({
  eh: 'default',
})
state.setEh = action(value => (state.eh = value))

@observer
class Eh extends React.Component {
  state = state
  componentWillMount() {
    this.state.setEh('eh')
  }
  render() {
    return <h1>{String(this.state.eh)}</h1>
  }
}
const App = () => (
  <React.Fragment>
    <DevTools />
    <Eh />
  </React.Fragment>
)

render(<App />, document.getElementById('root'))
```

or by importing the package from the path

```ts
import {observer} from 'mobx-boost/mobx-react'
import {observable} from 'mobx-boost/mobx'
```

or by importing using the dependency _(the packages are dependencies, but use caution if you have them in your project's dependencies so that the versions match)_

```ts
import {observer} from 'mobx-react'
import {observable} from 'mobx'
```

# exports

* there is no default export, all exports are re-exported, so tree shaking will work the same way

# packages

* [mobx](https://github.com/mobxjs/mobx)
* [mobx-state-tree](https://github.com/mobxjs/mobx-state-tree)
* [mst-middlewares](https://github.com/mobxjs/mobx-state-tree/tree/master/packages/mst-middlewares)
* [mobx-react](https://github.com/mobxjs/mobx-react)
* [mobx-react-devtools](https://github.com/mobxjs/mobx-react-devtools)
* [mobx-utils](https://github.com/mobxjs/mobx-utils)

# related

* [medium article on apollo-boost](https://dev-blog.apollodata.com/zero-config-graphql-state-management-27b1f1b3c2c3)

[mobx-boost-codesandbox-image]: https://img.shields.io/badge/mobx_boost-codesandbox-ff69b4.svg?longCache=true
[mobx-boost-codesandbox-url]: https://codesandbox.io/s/ww4y82z6kk
[mobx-boost-npm-image]: https://img.shields.io/npm/v/mobx-boost.svg
[mobx-boost-npm-url]: https://npmjs.org/package/mobx-boost

---
_Source: https://npm.io/package/mobx-boost · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._