0.2.5 • Published 9 years ago
redux-grout v0.2.5
Redux Grout
Redux middleware, actions, and reducers for Grout.
Documentation
Middleware
import { createStore, applyMiddleware, compose } from 'redux';
import rootReducer from '../reducers'; // Combined reducers
import thunkMiddleware from 'redux-thunk';
import { createMiddleware } from 'redux-grout';
let groutMiddleware = createMiddleware();
const createStoreWithMiddleware = compose(
// Save for redux middleware
applyMiddleware(thunkMiddleware, groutMiddleware)
)(createStore);
Reducers
Add reducers to combineReducers function:
import { combineReducers } from 'redux';
import { routerStateReducer } from 'redux-router';
import { Reducers } from 'redux-grout';
const { account, files, entities} = Reducers;
const rootReducer = combineReducers({
account,
files,
entities,
router: routerStateReducer
});
export default rootReducer;
Actions
Example of using Actions from redux-grout
in a smart component:
import React, { Component, PropTypes } from 'react';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import { Actions } from 'redux-grout';
class Main extends Component {
constructor(props) {
super(props);
this.onLoginClick = this.onLoginClick.bind(this);
}
onLoginClick(e) {
e.preventDefault();
let testLogin = {username: 'test', password: 'asdfasdf'};
this.props.login(testLogin);
}
render() {
return (
<div className="App">
<button onClick={ this.onLoginClick }>Login</button>
</div>
)
}
}
//Place state of redux store into props of component
function mapStateToProps(state) {
return {
account: state.account
};
}
//Place action methods into props
function mapDispatchToProps(dispatch) {
return bindActionCreators(Actions, dispatch);
}
export default connect(mapStateToProps, mapDispatchToProps)(Main);
0.2.5
9 years ago
0.2.4
9 years ago
0.2.3
9 years ago
0.2.2
9 years ago
0.2.1
9 years ago
0.2.0
9 years ago
0.1.8
9 years ago
0.1.7
9 years ago
0.1.6
9 years ago
0.1.5
9 years ago
0.1.4
10 years ago
0.1.3
10 years ago
0.1.2
10 years ago
0.1.1
10 years ago
0.1.0
10 years ago
0.0.8
10 years ago
0.0.7
10 years ago
0.0.6
10 years ago
0.0.5
10 years ago
0.0.3
10 years ago
0.0.2
10 years ago
0.0.1
10 years ago