Are you tired of this.setState() everywhere? this one is for you!

Extremely simple and tiny utility with no external dependencies to never write this.setState again.

Import the constructor function:

import Wrapper from 'rootToDependency';

In the react component whose state you want to wrap constructor's create the wrapper using the imported function and sending this as a parameter:

constructor(props) {
  super(props);

  // Initialize state
  this.state = {
    loggedIn: null
  };

  // Create the state wrapper
  this.stateWrapper = new Wrapper(this);
}

Then you can just replace any access to state with the new wrapper object. Getting state data:

let isLoggedIn = this.stateWrapper.loggedIn;

Setting state data:

this.stateWrapper.loggedIn = false;

And thats it.

The state wrapper will call this.setState({ loggedIn: false }) for you.

Enjoy 😎