[core] React 16.3.0 support (#83)

.size-limit

@@ -3,6 +3,6 @@
     name: 'The entry point',
     webpack: true,
     path: 'dist/react-event-listener.cjs.js',
-    limit: '2.13 KB'
+    limit: '2 KB'
   }
 ]

package.json

@@ -71,11 +71,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.0.0-beta.42",
-    "fbjs": "^0.8.16",
     "prop-types": "^15.6.0",
     "warning": "^3.0.0"
   },
   "peerDependencies": {
-    "react": "^15.3.0 || ^16.0.0"
+    "react": "^16.3.0"
   }
 }

src/index.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import shallowEqual from 'fbjs/lib/shallowEqual';
 import warning from 'warning';
 import { passiveOption } from './supports';
 
@@ -71,37 +70,22 @@ export function withOptions(handler, options) {
   };
 }
 
-class EventListener extends React.Component {
+class EventListener extends React.PureComponent {
   componentDidMount() {
-    this.addListeners();
-  }
-
-  shouldComponentUpdate(nextProps) {
-    return !shallowEqual(this.props, nextProps);
-  }
-
-  componentWillUpdate() {
-    this.removeListeners();
-  }
-
-  componentDidUpdate() {
-    this.addListeners();
-  }
-
-  componentWillUnmount() {
-    this.removeListeners();
+    this.applyListeners(on);
   }
 
-  addListeners() {
+  componentDidUpdate(prevProps) {
+    this.applyListeners(off, prevProps);
     this.applyListeners(on);
   }
 
-  removeListeners() {
+  componentWillUnmount() {
     this.applyListeners(off);
   }
 
-  applyListeners(onOrOff) {
-    const { target } = this.props;
+  applyListeners(onOrOff, props = this.props) {
+    const { target } = props;
 
     if (target) {
       let element = target;
@@ -110,7 +94,7 @@ class EventListener extends React.Component {
         element = window[target];
       }
 
-      forEachListener(this.props, onOrOff.bind(null, element));
+      forEachListener(props, onOrOff.bind(null, element));
     }
   }