Network Processor Module

    no-bind

    0.1.0 • Public • Published

    noBind

    No more bind in JSX.

    Motivation

    The reason why I started building this little utility was lead by one of the rules applied in the React eslint config of Airbnb. There they point out that when using .bind inside of your render method will make the amount of memory used by your app bigger with each "rerender". This is because .bind return a copy of the that bound function. This utility gives you the same behavior as .bind would without making a copy of your function. As so be more memory efficient.

    Usage

    import noBind from 'no-bind';
     
    function clickHandler(id, e) {
      console.log(id, e);
    }
     
    function MyList(props) {
      const { listItems } = props;
      return listItems.map(item => (
        <button onClick={noBind(clickHandler, item.id)}>
          Click Me
        </button>
      ))
    }

    Keywords

    Install

    npm i no-bind

    DownloadsWeekly Downloads

    5

    Version

    0.1.0

    License

    ISC

    Last publish

    Collaborators

    • pindakaasman