scrollmiddleware.jsx

import React from 'react';

class MyComponent extends React.Component {
    constructor() {
        super();

        this.handleMouseMove = scrollMiddleWare()(scroll => {
            this.setState({
                movement: scroll.abs.x,
            });
        });
    }

    componentDidMount() {
        window.addEventListener('mousemove', this.handleMouseMove);
    }

    componentWillUnmount() {
        window.removeEventListener('mousemove', this.handleMouseMove);
    }

    render() {
        return (
            <div onMouseMove={this.handleMouseMove} />
        )
    }
}

import React, { Component } from 'react'

class MyComponent extends Component {
    // this is babel Stage-0 preset stuff, so you don't need constructor anymore, and you can assign methods with `=`
    state = {
        movement: 
    }
    handleMouseMove = scrollMiddleWare()(scroll => {
        // setState is async, so you better cache abs.x, or you could get `scroll` undefined, and blow up the stack
        const movement = scroll.abs.x
        this.setState(
          // yes, you can get arguments)
          (prevState, props) => ({
            movement
          })
        )
    })

    componentDidMount = () => {
        window.addEventListener('mousemove', this.handleMouseMove);
    }

    componentWillUnmount = () => {
        window.removeEventListener('mousemove', this.handleMouseMove);
    }

    render = () => (
        <div
            onMouseMove={this.handleMouseMove}
        />
    )
}