mattiamanzati

// ...
// initial state
const initialState = {
        left: CounterPair.reducer(),
        right: CounterPair.reducer(),
        count: 0
    }

// listen to any action of subcomponents
const appReducer = createReducer(

mattiamanzati

import React from 'react'
import {connect, forwardTo, updateProperty, actionFor} from './core'
import * as Counter from './Counter'

// CONSTANTS
export const TOP = '@@TOP'
export const BOTTOM = '@@BOTTOM'

// ACTIONS
export const getTopState = state => state.top

mattiamanzati

import React from 'react'
import {connect, forwardTo, updateProperty, actionFor} from './core'
import * as Counter from './Counter'

// CONSTANTS
export const TOP = '@@TOP'
export const BOTTOM = '@@BOTTOM'

// ACTIONS
export const getTopState = state => state.top

mattiamanzati

const FORWARD = '@redux-forward/FORWARD'

// wrap an action into a forward action
export const wrapTo = curry(
    (name, action) =>
        ({type: FORWARD, payload: action, meta: {name}})
)

// unwrap recursively an action
export const unwrap = (action) =>

mattiamanzati

// ...
        const reduxMapState = (state, props)  => 
            mapStateToProps(props.selector(state), props, state)

        const reduxMapDispatch = (dispatch, props) =>
            mapDispatchToProps(props.dispatch, props, dispatch)

        const reduxMergeProps = (stateProps, dispatchProps, ownProps) => 
            ({ ...stateProps, ...dispatchProps, ...ownProps })

mattiamanzati

import {connect as reduxConnect} from 'react-redux'

export const connect = (mapStateToProps = defaultMapStateToProps, reduxMapDispatch, reduxMergeProps, options) => 
    BaseComponent => {

        const reduxMapState = (state, props)  => 
            mapStateToProps(props.selector(state), props, state)

        const ReduxComponent = reduxConnect(
            reduxMapState,

mattiamanzati

import {connect as reduxConnect} from 'react-redux'

export const connect = (mapStateToProps = defaultMapStateToProps, reduxMapDispatch, reduxMergeProps, options) => 
    BaseComponent => {

        const reduxMapState = (state, props)  => 
            mapStateToProps(props.selector(state), props, state)

        const ReduxComponent = reduxConnect(
            reduxMapState,

mattiamanzati

const identity = state => state

const mergeSelectors = 
    (parentSelector, childSelector) =>
        state =>
            childSelector(parentSelector(state))


const computeSelector = (props, ctx) =>
    mergeSelectors(

mattiamanzati

export const getTopState = state => state.top
export const getBottomState = state => state.bottom

mattiamanzati

export const view = connect()(
    ({name}) => <div>
        <h3>{name}</h3>
        <Counter.view name="Likes" selector={getTopState} />
        <Counter.view name="Hates" selector={getBottomState} />
    </div>
)