Modernise codebase discussion

Looking to kickstart some discussion around modernising the code base and future features

• Switch to ES6 classes instead of create-react-class - much easier for newcomers to React to understand the code with this, plus it’s increasingly the recommended way across the ecosystem
• Switch to ES6 for the codebase - (this isn’t a lot actually, mostly var -> let/const, arrow functions etc)
• Use the setState(fn) form rather than the setState(obj) form in anticipation of priorities in fiber
• Figure out build process if using ES6 (rollup/webpack + babel)
• Add support for requestAnimationFrame for high performance scroll listeners
• Support passive event listeners for better perf
• In modern browsers with Intersection Observer support, use that instead of JS calculations (eventually over time this lib should become a wrapper around that w/ polyfill for older browsers?)
• More “functional” API (refer https://github.com/joshwnj/react-visibility-sensor/issues/74)

[meticoeus]

You can check for passive scrolling support with this snippet:

var supportsPassive = false;
try {
  var opts = Object.defineProperty({}, 'passive', {
    get() {
      supportsPassive = true;
    },
  });
  window.addEventListener('test', null, opts);
} catch (e) { /* pass */ }

First came across it in react-chatview

[helfer]

Any progress here?