Working with Immutable.js structures

[jamesopti]

Summary

The project where I'd like to use this package uses ImmutableJS for many of its data collections, which are often passed to React as props.

If I were to use this in that library, what would be the best way to handle ImmutableJS comparisons, where the Immutable.is method is preferred.

Thanks!

[chrisbolin]

Great question! How about just writing a custom function like this...

var isEqual = require("react-fast-compare");
const { Map, is } = require("immutable");

function extendedIsEqual(a, b) {
  // try Immutable
  if (is(a, b)) return true;
  // try react-fast-compare
  if (isEqual(a, b)) return true;
  // recurse Object-like entities
  if (a && b && typeof a == "object" && typeof b == "object") {
    var keys = Object.keys(a);
    for (var i = keys.length; i-- !== 0; ) {
      var key = keys[i];
      if (!extendedIsEqual(a[key], b[key])) return false;
    }
    return true;
  }
  return a === b;
}

Here's a demo of it: https://codesandbox.io/s/0o4n312kmp (see the Terminal output).

[chrisbolin]

closing this, as a we have a workaround AND the new v3 is focused on ES6 support, speed, and bundle size. there's just not room for custom support for immutable