bindAll throughout

src/components/library.js

+const bindAll = require('lodash.bindall');
 const React = require('react');
 
 const LibraryItem = require('./library-item');
@@ -6,6 +7,7 @@ const ModalComponent = require('./modal');
 class LibraryComponent extends React.Component {
     constructor (props) {
         super(props);
+        bindAll(this, ['onSelect']);
         this.state = {selectedItem: null};
     }
     onSelect (id) {
@@ -28,7 +30,7 @@ class LibraryComponent extends React.Component {
                 iconURL={scratchURL}
                 key={'item_' + itemId}
                 selected={this.state.selectedItem == itemId}
-                onSelect={this.onSelect.bind(this)}
+                onSelect={this.onSelect}
                 id={id} />;
         });
 

src/containers/backdrop-library.js

+const bindAll = require('lodash.bindall');
 const React = require('react');
 const VM = require('scratch-vm');
 const MediaLibrary = require('../lib/media-library');
@@ -8,11 +9,12 @@ const LibaryComponent = require('../components/library');
 class BackdropLibrary extends React.Component {
     constructor (props) {
         super(props);
+        bindAll(this, ['setData', 'selectItem']);
         this.state = {backdropData: []};
     }
     componentWillReceiveProps (nextProps) {
         if (nextProps.visible && this.state.backdropData.length === 0) {
-            this.props.mediaLibrary.getMediaLibrary('backdrop', this.setData.bind(this));
+            this.props.mediaLibrary.getMediaLibrary('backdrop', this.setData);
         }
     }
     setData (data) {
@@ -36,7 +38,7 @@ class BackdropLibrary extends React.Component {
             visible={this.props.visible}
             data={this.state.backdropData}
             onRequestClose={this.props.onRequestClose}
-            onItemSelected={this.selectItem.bind(this)}
+            onItemSelected={this.selectItem}
         />;
     }
 }

src/containers/costume-library.js

+const bindAll = require('lodash.bindall');
 const React = require('react');
 const VM = require('scratch-vm');
 const MediaLibrary = require('../lib/media-library');
@@ -8,11 +9,12 @@ const LibaryComponent = require('../components/library');
 class CostumeLibrary extends React.Component {
     constructor (props) {
         super(props);
+        bindAll(this, ['setData', 'selectItem']);
         this.state = {costumeData: []};
     }
     componentWillReceiveProps (nextProps) {
         if (nextProps.visible && this.state.costumeData.length === 0) {
-            this.props.mediaLibrary.getMediaLibrary('costume', this.setData.bind(this));
+            this.props.mediaLibrary.getMediaLibrary('costume', this.setData);
         }
     }
     setData (data) {
@@ -36,7 +38,7 @@ class CostumeLibrary extends React.Component {
             visible={this.props.visible}
             data={this.state.costumeData}
             onRequestClose={this.props.onRequestClose}
-            onItemSelected={this.selectItem.bind(this)}
+            onItemSelected={this.selectItem}
         />;
     }
 }

src/containers/sprite-library.js

+const bindAll = require('lodash.bindall');
 const React = require('react');
 const VM = require('scratch-vm');
 const MediaLibrary = require('../lib/media-library');
@@ -7,17 +8,18 @@ const LibaryComponent = require('../components/library');
 class SpriteLibrary extends React.Component {
     constructor (props) {
         super(props);
+        bindAll(this, ['setData', 'selectItem', 'setSpriteData']);
         this.state = {data: [], spriteData: {}};
     }
     componentWillReceiveProps (nextProps) {
         if (nextProps.visible && this.state.data.length === 0) {
-            this.props.mediaLibrary.getMediaLibrary('sprite', this.setData.bind(this));
+            this.props.mediaLibrary.getMediaLibrary('sprite', this.setData);
         }
     }
     setData (data) {
         this.setState({data: data});
         for (let sprite of data) {
-            this.props.mediaLibrary.getSprite(sprite.md5, this.setSpriteData.bind(this));
+            this.props.mediaLibrary.getSprite(sprite.md5, this.setSpriteData);
         }
     }
     setSpriteData (md5, data) {
@@ -47,7 +49,7 @@ class SpriteLibrary extends React.Component {
             data={libraryData}
             mediaLibrary={this.props.mediaLibrary}
             onRequestClose={this.props.onRequestClose}
-            onItemSelected={this.selectItem.bind(this)}
+            onItemSelected={this.selectItem}
         />;
     }
 }