Links
Comment on page

Installation

Refract is available for a number of reactive programming libraries. For each library, a Refract integration is available for React, Inferno, Preact and Redux.
Available packages:
React
Inferno
Preact
Redux
Callbag
refract-callbag
refract-inferno-callbag
refract-preact-callbag
refract-redux-callbag
Most
refract-most
refract-inferno-most
refract-preact-most
refract-redux-most
RxJS
refract-rxjs
refract-inferno-rxjs
refract-preact-rxjs
refract-redux-rxjs
xstream
refract-xstream
refract-inferno-xstream
refract-preact-xstream
refract-redux-xstream
The examples below assume you're using RxJS - if you're using a different library, use the table above to find the correct package names.

React, Inferno and Preact Packages

The React, Inferno and Preact packages don't require much set up - you just need to install the package (usually via npm or yarn):
npm install --save refract-rxjs
The same applies to Inferno and Preact packages.

Redux Packages

The Redux packages involve an extra step to apply the Refract enhancer to your Redux store:
  1. 1.
    Install the latest stable version (again usually via npm or yarn):
    npm install --save refract-redux-rxjs
  2. 2.
    Import the Refract store enhancer and apply it to your redux store. This process is explained in detail in the Redux documentation: Configuring your store.
    For example:
    import { compose, createStore } from 'redux'
    import { refractEnhancer } from 'refract-redux-rxjs'
    import reducers from './store'
    const store = createStore(reducers, {}, refractEnhancer())
    export default store
    (Note that this example is unrealistically simple!)