Example

import React from 'react'

import ReactDOM from 'react-dom'

import {createEvent, createStore, combine} from 'effector'

import {createComponent, useStore} from 'effector-react'

const plus = createEvent()

const int = createStore(1).on(plus, n => n + 1)

const text = int.map(n => `current value = ${n}`)

const data = combine({int, text})

const IntView = createComponent(data, ({}, {int, text}) => <div>n = {int}</div>)

const IntHook = () => {

const {text} = useStore(data)

return <div>{text}</div>

}

const App = () => (

<div>

<button onClick={plus}>click</button>

<IntView />

<IntHook />

</div>

)

const div = document.createElement('div')

document.body.appendChild(div)

ReactDOM.render(<App />, div)