example-mvp.jsx

import { Component } from 'react'
// Our connector decorator
import { connect } from 'redux-getters'

// We need to have store list as constants e.g. USERS: 'users'
// Probably we can do it in store index file export
import STORES from 'reducers/index'

// Setters are redux dispatched actions as is
import { addUser } from 'actions/setters/users'

// As in flux we need to subscribe to some stores
const SELECTED_STORES = [
  STORES.AUTH,
  STORES.USERS,
]

// Setters are redux dispatched actions as is
const mapDispatchToProps = ({
  addUser: addUser
})

@connect(SELECTED_STORES, mapDispatchToProps)
export default class Something extends Component {
  render() {
    const { getters, userId } = this.props
    const { isLoggedIn } = getters[STORES.AUTH]
    const { getUser }
    return (
      <div>
        { isLoggedIn && 'You're logged in!' }
        { !isLoggedIn && 'You're anonymous' }         
        <UserCard user={getUser(userId)} />
      </div>
    )
  }
}