kobzarvs

.button {
    border: 1px solid #555;
    text-align: center;
    padding: 0 12px;
    color: #ddd;
    cursor: pointer;
}

.button:hover {
    background: rgba(255, 255, 255, .25)

kobzarvs

.button {
    border: 1px solid #555;
    text-align: center;
    padding: 0 12px;
    color: #ddd;
    cursor: pointer;
}

.button:hover {
    background: rgba(255, 255, 255, .25)

kobzarvs

import { useStore } from 'effector-react'
import * as effector from 'effector'
import { combine } from 'effector'
import { pathOr } from 'ramda'
import React, { useLayoutEffect, useRef } from 'react'
import ReactDOM from 'react-dom'
import { chromeDark, ObjectInspector, ObjectLabel } from 'react-inspector'
import { throttle } from 'lodash'
import './effector-addon.css'

kobzarvs

import React, { useLayoutEffect, useRef } from 'react'
import { useStore } from 'effector-react'
import * as effector from 'effector'
import { pathOr } from 'ramda'


const trackCreateStore = effector.createEvent('trackCreateStore')
const trackCreateEvent = effector.createEvent('trackCreateEvent')
const trackCreateEffect = effector.createEvent('trackCreateEffect')
const trackCreateStoreObject = effector.createEvent('trackCreateStoreObject')

kobzarvs

import { createStore as createReduxStore } from 'redux'
import { devToolsEnhancer } from 'redux-devtools-extension'

const redux = createReduxStore((state, { payload }) => payload, devToolsEnhancer())

export function useReduxDevTool(store) {
  store.watch(payload => redux.dispatch({ type: 'CHANGE', payload }))
}