yarn add react-behavioral

import React from 'react';
import ReactDOM from 'react-dom';
import { Provider, connect } from 'react-behavioral';

function* Button() {
  this.updateView(
    <button
      onClick={() => {
        this.request({
          type: 'BUTTON_CLICKED',
          payload: 'ciao'
        });
      }}
    >
      Click me!
    </button>
  );
  yield {
    wait: ['SHOW_HELLO_WORLD']
  };
  this.updateView(
    'Hello world: ' + this.lastEvent().payload
  );
}
const ButtonContainer = connect(Button);

const threads = [
  function* click() {
    yield {
      wait: ['BUTTON_CLICKED']
    };
    yield {
      request: [
        {
          type: 'SHOW_HELLO_WORLD',
          payload: this.lastEvent().payload
        }
      ]
    };
  },
  function* doubleClick() {
    yield {
      wait: ['BUTTON_CLICKED']
    };
    yield {
      block: ['SHOW_HELLO_WORLD'],
      wait: ['BUTTON_CLICKED']
    };
  }
];

ReactDOM.render(
  <Provider threads={threads}>
    React Behavioral
    <div>
      <ButtonContainer />
    </div>
  </Provider>,
  document.getElementById('content')
);