Usage no npm install needed!

<script type="module">
  import treeChangesHook from 'https://cdn.skypack.dev/tree-changes-hook';
</script>

README

tree-changes-hook

React hook that uses tree-changes to compare changes between two datasets.

Setup

npm install tree-changes-hook

Usage

import React from 'react';
import useTreeChanges from 'tree-changes-hook';

function App(props) {
  const { changed } = useTreeChanges(props);

  React.useEffect(() => {
    if (changed('hasData', true)) {
        sendAnalyticsEvent('load', 'MySuperPage');
    }
  });

  return <div>...</div>;
}

It's safe to run all the methods with a useEffect without dependencies but it works with them too.

API

Please refer to tree-changes README for detailed usage.

License

MIT