linting

Author: theKashey

src/Context.js

@@ -1,13 +1,14 @@
 import React from 'react';
-import MemoizeState from './Memoizer';
-import PropTypes from "prop-types";
+import PropTypes from 'prop-types';
+import MemoizedState from './Memoizer';
+
 
 export const MemoizeContext = ({ consumer: Consumer, selector, pure, children, ...rest }) => (
   <Consumer {...rest}>
     {values =>
-      (<MemoizeState {...values} compute={selector} pure={pure}>
+      (<MemoizedState {...values} compute={selector} pure={pure}>
         {result => children(result)}
-      </MemoizeState>)
+      </MemoizedState>)
     }
   </Consumer>
 );
@@ -21,4 +22,4 @@ MemoizeContext.propTypes = {
 
 MemoizeContext.defaultProps = {
   pure: true,
-};
+};

src/Memoizer.js

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import polyfill from 'react-lifecycles-compat';
 
@@ -17,23 +17,22 @@ const createMemoizer = (memoizationFunction) => {
       pure: false,
     };
 
-    state = {
-      calculateResult: memoizationFunction(this.props.compute),
-    };
-
     static getDerivedStateFromProps(props, state) {
-      const { calculateResult, result: oldResult } = state;
+      const { calculateResult } = state;
       const { children, compute, pure, ...rest } = props;
       const result = state.calculateResult(rest);
-      const changed = oldResult !== result;
       return {
         calculateResult,
         result,
       };
     }
 
+    state = {
+      calculateResult: memoizationFunction(this.props.compute),
+    };
+
     shouldComponentUpdate(nextProps, nextState) {
-      return !nextProps.pure || nextState.result!==this.state.result;
+      return !nextProps.pure || nextState.result !== this.state.result;
     }
 
     render() {
@@ -48,4 +47,5 @@ const createMemoizer = (memoizationFunction) => {
 export const MemoizeOne = createMemoizer(memoizeOne);
 export const MemoizeState = createMemoizer(memoizeState);
 
-export default MemoizeState;
+/* eslint-disable */
+export default MemoizeState;

src/Waterflow.js

@@ -1,34 +1,36 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import memoizeState from 'memoize-state';
-import polyfill from "react-lifecycles-compat";
+import polyfill from 'react-lifecycles-compat';
 
 const genFlow = flow => flow.map(fn => memoizeState(fn));
 
 export class MemoizedFlow extends React.Component {
   static propTypes = {
+    /* eslint-disable */
     input: PropTypes.object.isRequired,
+    /* eslint-enable */
     flow: PropTypes.arrayOf(PropTypes.func).isRequired,
-    children: PropTypes.func
-  };
-
-  state = {
-    flow: genFlow(this.props.flow)
+    children: PropTypes.func.isRequired,
   };
 
   static getDerivedStateFromProps(props, state) {
     return {
-      value: state.flow.reduce((value, fn) => Object.assign({}, value, fn(value)), props.input)
-    }
+      value: state.flow.reduce((value, fn) => Object.assign({}, value, fn(value)), props.input),
+    };
   }
 
+  state = {
+    flow: genFlow(this.props.flow),
+  };
+
   shouldComponentUpdate(nextProps, nextState) {
     return nextState.value !== this.state.value;
   }
 
   render() {
     return this.props.children(this.state.value);
   }
-};
+}
 
-polyfill(MemoizedFlow);
+polyfill(MemoizedFlow);

src/index.js

@@ -1,12 +1,12 @@
-import MemoizeDefault, {MemoizeOne, MemoizeState} from './Memoizer'
-import {MemoizeContext} from "./Context";
-import {MemoizedFlow} from "./Waterflow";
+import MemoizeDefault, { MemoizeOne, MemoizeState } from './Memoizer';
+import { MemoizeContext } from './Context';
+import { MemoizedFlow } from './Waterflow';
 
 export {
   MemoizeOne,
   MemoizeState,
   MemoizeContext,
-  MemoizedFlow
+  MemoizedFlow,
 };
 
-export default MemoizeDefault;
+export default MemoizeDefault;