Effector-react NPM | npm.io

23.2.0 • Published 3 months ago

Install

Weekly downloads

8,188

License

MIT

Repository

Last release

3 months ago

effector-react

React bindings for effector

Installation

npm install --save effector effector-react

Or using yarn

yarn add effector effector-react

Usage

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

import {useUnit} from 'effector-react'

const inputText = createEvent()

const $text = createStore('').on(inputText, (_, text) => text)

const $size = $text.map(text => text.length)

const Form = () => {
  const {text, size} = useUnit({
    text: $text,
    size: $size,
  })
  const handleTextChange = useUnit(inputText)

  return (
    <form>
      <input
        type="text"
        onChange={e => handleTextChange(e.currentTarget.value)}
        value={text}
      />
      <p>Length: {size}</p>
    </form>
  )
}

useUnit in docs Units in docs createStore in docs createEvent in docs

react hooks business logic data flow state management state manager algebraic effects model reactive state frp event effect functional store

use-sync-external-store

react-moised vlk-mob-app hive-sdk-ui @infinitebrahmanuniverse/nolb-ef @medusa-frontends/cli @a24/kit @everything-registry/sub-chunk-1556 effector-react-inject effector-router effector-routing gcp-ui nx-gte-internal react-effector-form react-localize-alias react-material-ui-datatable sadfrjlkndgsnjlksdafjnelkjfsjklsda react-turbo cls-master-lib cls-master-lib-testing @byte-craft-react/core @filfyk/widget @idealjs/game-editor @odecloud/components @master_kufa/client-tools @master_kufa/tools @medly-components/core @medusa/cli @fnpen/effector-devtools @romanmazyrin/amocrm_widget_framework wedat docsvision.web dewlad-ui @ediphi/takeoff @inappstory/react-ugc-sdk @hiveid/verify-js @hiveid/verify-sandbox @tehsly/ff_ui_core @studyworld/mobile-shared @studyworld/kit @tarantool.io/tcm-sdk @a-react-kit/controllers @a-react-kit/state @a-react-kit/state-lib @apptrium/web-host @alextheartisan/mind-garden @ark-kit/controllers @ar-kit/controllers ascentialedge-client architect-project-ui

3 months ago

5 months ago

5 months ago

5 months ago

7 months ago

6 months ago

5 months ago

7 months ago

7 months ago

7 months ago

8 months ago

12 months ago

12 months ago

1 year ago

1 year ago

2 years ago

2 years ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago