Baobab and React (Preact / InfernoJS) integration.
You can install baobab-connect through npm:
npm install baobab-connect
Or through yarn:
yarn add baobab-connect
Peer dependencies
This library necessitate that you install baobab >= 2.0.0.
This library contains two functions – root and connect.
The root method aims at passing a baobab tree through context so that other components (branches/containers/controllers) may use it. Typically, your app's top-level component will probably contains a root defintion.
import Baobab from 'baobab'
import {root} from 'baobab-connect'
const tree = new Baobab({foo: {bar: 'baz'}})
root(tree) // that's it!The connect bound to cursors, get their data from the tree given by the root.
Here is an example of displaying foo.bar value of our tree created at previous step:
import connect from 'baobab-connect'
@connect({
bar: 'foo.bar'
})
const BarComponent = ({bar}) => <span>{bar}</span>
export default BarComponent