#130 redux refactor (#208)

* mocks for redux refactor - for discussion

* more API design on redux refactor

* add new reuqired dependencies for build

* change babel target to use modern browser

* remove dead code

* remove dead code - joy plots

* checkpoint on redux refactoring

* checkpoint on redux refactoring

* fix mistaken rebase conflict resolution

* dead code removal; add name to dataframe backmap

* rename dataframe to universe

* update eslint config to more closely match prettier

* lint

* more eslint updates to match prettier

* additional config to make eslint match prettier

* add expression data to Universe/World

* remove obsolete reducers

* lint fixes

* more eslint cleanup

* lint

* lint

* fix but in countAllOnes when dimensions gt 1

* lint; do not display name metadata field

* lint; colors refactor

* lint; colors refactor

* update comments

* first cut at regraph and reset

* enable object-curly-braces consistent mode

* lint, handle regraph with no selection

* fix expression scatterplot bugs

* fix regression legend display

* add expression data cache

* remove console logging

* reset cell color on regraph/reset

* remove obsolete server URLs

* rename UniverseV01 to Universe_REST_API_v01

* add additional comments on the varDataCache

* merge universe reducer into controls reducer; simplify initialization-related actions

* use spread operator

* fix erroneous comment

* convert universe and world state to plain objects, and functionalize supporting code (remove ES6 classes)

* use spread operator

* lint

* improve variable names

* rename obsCrossfilter to crossfilter and obsDimensionMap to dimensionMap

* rename controls2 to controls

client/src/components/expression/diffExpHeatmap.js

@@ -1,6 +1,7 @@
 // jshint esversion: 6
 import React from "react";
 import _ from "lodash";
+import memoize from "memoize-one";
 import { connect } from "react-redux";
 import * as globals from "../../globals";
 import styles from "./expression.css";
@@ -19,6 +20,7 @@ class HeatmapSquare extends React.Component {
       value: ""
     };
   }
+
   render() {
     const contrastColor = getContrast(
       this.props.backgroundColor
@@ -66,6 +68,7 @@ class HeatmapRow extends React.Component {
       value: ""
     };
   }
+
   handleGeneColorScaleClick(gene) {
     return () => {
       this.props.dispatch(
@@ -75,6 +78,7 @@ class HeatmapRow extends React.Component {
       );
     };
   }
+
   handleSetGeneAsScatterplotX(gene) {
     return () => {
       this.props.dispatch({
@@ -83,6 +87,7 @@ class HeatmapRow extends React.Component {
       });
     };
   }
+
   handleSetGeneAsScatterplotY(gene) {
     return () => {
       this.props.dispatch({
@@ -91,6 +96,7 @@ class HeatmapRow extends React.Component {
       });
     };
   }
+
   render() {
     return (
       <div
@@ -211,7 +217,7 @@ class HeatmapRow extends React.Component {
 @connect(state => {
   return {
     differential: state.differential,
-    allGeneNames: state.controls.allGeneNames
+    world: state.controls.world
   };
 })
 class Heatmap extends React.Component {
@@ -221,12 +227,18 @@ class Heatmap extends React.Component {
       value: ""
     };
   }
+
+  getAllGeneNames = memoize(world =>
+    _.map(this.props.world.varAnnotations, "name")
+  );
+
   render() {
     if (!this.props.differential.diffExp)
       return <p>Select cells & compute differential to see heatmap</p>;
 
     const topGenesForCellSet1 = this.props.differential.diffExp.data.celllist1;
     const topGenesForCellSet2 = this.props.differential.diffExp.data.celllist2;
+    // const allGeneNames = this.getAllGeneNames(this.props.world);
 
     const extent = d3.extent(
       _.union(