newWayComponent.js

import React from "react";
import { connect } from "react-redux";
import { bindActionCreators } from "redux";
import * as actions from "./actions.js";

@connect((store) => {
	return {
		someStore: store.someStore,
	};
},
(dispatch) => {
	return {
		actions: bindActionCreators(actions, dispatch)
	}
})
export default class SomeComponent extends React.Component {
	constructor(props) {
		super();
		this.state = {
			success: null,
			loading: false
		}
	}
  componentWillMount() {
    this.props.actions.typicalAction(() => {this.setState({loading: true})}, () => {this.setState({success: true, loading: false})}, () => {this.setState({success: false, loading: false})});
  }

  render() {
    	let condRender = null;
    
    	if (this.state.loading) {
      		condRender = <div> LOADING </div>;
    	} else if (this.state.success == true) {
      		condRender = <div> MAIN CONTENT </div>;
    	} else if (!this.state.success) {
      		condRender = <div> ERROR </div>;
    	}
    
	return (
		condRender
	)
   }
}