feat: @avocado/react

packages/react/.gitignore

@@ -0,0 +1,7 @@
+**/*.js
+**/*.map
+!/.*
+!/postcss.config.js
+!/webpack.config.js
+!src/**/*.js
+!/test/**/*.js

packages/react/package.json

@@ -0,0 +1,25 @@
+{
+  "version": "1.0.0",
+  "main": "index.js",
+  "scripts": {
+    "build": "latus-build",
+    "clean": "latus-build clean",
+    "fp": "latus-build forcepublish",
+    "lint": "latus-build lint",
+    "test": "latus-build test"
+  },
+  "files": [
+    "index.js",
+    "index.js.map",
+    "test.js",
+    "test.js.map"
+  ],
+  "dependencies": {
+    "@latus/core": "^2.0.0",
+    "@latus/react": "^2.0.0"
+  },
+  "devDependencies": {
+    "@latus/build": "1.x"
+  },
+  "name": "@avocado/react"
+}

packages/react/src/hooks/use-property-change.js

@@ -0,0 +1,14 @@
+import {useCallback, useEvent, useState} from '@latus/react';
+
+export default function usePropertyChange(object, property, defaultValue) {
+  const [value, setValue] = useState(defaultValue);
+  useEvent(
+    object,
+    `${property}Changed`,
+    useCallback(() => {
+      const newValue = object[property];
+      setValue(newValue);
+    }, [object, property]),
+  );
+  return value;
+}

packages/react/src/index.js

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/prefer-default-export
+export {default as usePropertyChange} from './hooks/use-property-change';

packages/react/test/exists.js

@@ -0,0 +1,5 @@
+import {expect} from 'chai';
+
+it('exists', () => {
+  expect(true).to.be.true;
+});