Connect Actions

Connect Redux actions by domain. Supports React & React Native.

Installation

1npm i --save connect-actions

Usage

1import connectActions from 'connect-actions';
2import React, {Component, PropTypes} from 'react';
3import * as NavigationActions from '../actions/navigation';
4import * as UIActions from '../actions/ui';
5import * as UserActions from '../actions/app';
6
7@connectActions({NavigationActions, UIActions, UserActions})
8class App extends Component {
9
10  static propTypes = {
11    NavigationActions: PropTypes.object.isRequired,
12    UIActions: PropTypes.object.isRequired,
13    UserActions: PropTypes.object.isRequired
14  };
15
16  componentWillMount() {
17    this.props.UserActions.fetchCurrentUser();
18  }
19
20  render() {
21    const {NavigationActions: {goHome}, UIActions: {showMenu}} = this.props;
22
23    return (
24      <div>
25        <button onClick={goHome}>Go Home</button>
26        <button onClick={showMenu}>Show Menu</button>
27      </div>
28    );
29  }
30}

License

MIT