# nervnode

> 解决组件间通信问题

Latest version **0.4.1** (published 2017-06-22) · MIT license · 0 weekly downloads

## Install

```sh
npm install nervnode
pnpm add nervnode
yarn add nervnode
bun add nervnode
```

## 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.4.1 |
| Published | 2017-06-22 |
| First published | 2017-05-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 2 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | yicat |
| Maintainers | montlsc |

## Links

- npm: https://www.npmjs.com/package/nervnode
- Repository: https://github.com/yicat/nervnode
- Homepage: https://github.com/yicat/nervnode#readme
- Issues: https://github.com/yicat/nernode/issues
- npm.io page: https://npm.io/package/nervnode

## Dependencies (2)

- [react](https://npm.io/package/react.md) ^15.5.4
- [prop-types](https://npm.io/package/prop-types.md) ^15.5.10

## Recent versions

- 0.4.1 (latest) — 2017-06-22
- 0.4.0 — 2017-06-14
- 0.3.7 — 2017-06-04
- 0.3.6 — 2017-06-04
- 0.3.5 — 2017-05-24
- 0.3.4 — 2017-05-15
- 0.3.3 — 2017-05-11
- 0.3.2 — 2017-05-11
- 0.3.1 — 2017-05-10
- 0.3.0 — 2017-05-08
- 0.2.3 — 2017-05-03
- 0.2.2 — 2017-05-03
- 0.2.1 — 2017-05-03

## README

### nervnode 是什么
解决 React-like 框架中 Component 之间的通信问题，提供异于 Redux 的跨组件通信的解决方案

### nervnode 支持的 React-like 库
    - [v] Inferno
    - [v] React
    - [x] Preact

### 安装
```bash
    npm install nernode --save
    yarn add nervnode
```
### 用法

```typescript
const Component from inject
const { insertNerv } from 'nervnode'

class Ping extends Component {
  constructor(props) {
    super(props)
    this.state = { message: '' }
  }
  
  componentDidMount() {
    // 此组件加载完成后即可发送相应的 Message
    this.props.pong()
  }
  
  componentWillReceiveProps(nextProps) {
    this.setState({ message: nextProps.message }) 
  }
  
  render() {
    return <div />
  }
}

const listenFunc = (setProps, localContext) {
  return {
    'ping': (msg) => setProps({ message: msg.message })
  }
}

const dispatchFunc = (dispatch, localContext) {
  return {
    pong: () => dispatch('pong', {})
  }
}

const filter = {
  in: ['*'],
  out: ['*'],
}

const PintNerv = insertNerv(listenFunc, dispatchFunc, filter)(Ping)
```

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