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)