// before
import React from 'react';
import { connect } from 'react-redux';

class Example extends React.Component {
  //...
}
export default connect(/*mapStateToProps, etc.*/)(Example);

// after
import React from 'react';
import { reduxConnect } from 'react-web-helper';

@reduxConnect(/*mapStateToProps, etc.*/)
class Example extends React.Component {
  //...
}
export default Example;

react-router 4.x withRouter + redux

// before
import React from 'react';
import { connect } from 'react-redux';
import { withRouter } from 'react-router-dom';

class Example extends React.Component {
  //...
}
export default withRouter(connect(/*mapStateToProps, etc.*/)(Example));

// after
import React from 'react';
import { reduxConnect, withRouter } from 'react-web-helper';

@withRouter()
@reduxConnect(/*mapStateToProps, etc.*/)
class Example extends React.Component {
  //...
}
export default Example;

fetchData for SSR

// simple
import React from 'react';
import { fetchData } from 'react-web-helper';

@fetchData()
class Example extends React.Component {
  // fetchData will exec in server side or componentDidMount func
  static async fetchData({ dispatch, match }) {
    await dispatch(someAction());
    // ...
  }
  // ...
}
export default Example;

// with react router 4.x and redux
import React from 'react';
import { reduxConnect, withRouter, fetchData } from 'react-web-helper';

@fetchData()
@withRouter()
@reduxConnect(/*mapStateToProps, etc.*/)
class Example extends React.Component {
  //...
}
export default Example;

FAQs

What is react-web-helper?

Is react-web-helper popular?

Is react-web-helper well maintained?

Package last updated on 07 Dec 2017

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install