Use shouldComponentUpdate to prevent unnecessary rendering

YouTube and Vimeo actually don't ever need re-rendering
SoundCloud only needs to render once it has artwork to display

Author: cookpete

src/players/SoundCloud.js

@@ -18,6 +18,9 @@ export default class SoundCloud extends Base {
   state = {
     image: null
   }
+  shouldComponentUpdate (nextProps, nextState) {
+    return this.state.image !== nextState.image
+  }
   getSDK () {
     if (window[SDK_GLOBAL]) {
       return Promise.resolve(window[SDK_GLOBAL])

src/players/Vimeo.js

@@ -17,6 +17,9 @@ export default class Vimeo extends Base {
     this.iframe = this.refs.iframe.getDOMNode()
     super.componentDidMount()
   }
+  shouldComponentUpdate () {
+    return false
+  }
   play (url) {
     if (url) {
       let id = url.match(MATCH_URL)[3]

src/players/YouTube.js

@@ -14,6 +14,9 @@ export default class YouTube extends Base {
   static canPlay (url) {
     return MATCH_URL.test(url)
   }
+  shouldComponentUpdate () {
+    return false
+  }
   getSDK () {
     if (window[SDK_GLOBAL]) {
       return Promise.resolve(window[SDK_GLOBAL])