Merge branch 'AimWhy-master'

Author: krausest

frameworks/keyed/frei-hooks/package-lock.json

@@ -34,6 +34,6 @@
     "webpack-cli": "5.0.1"
   },
   "dependencies": {
-    "@aimwhy/frei": "^1.1.1"
+    "@aimwhy/frei": "^1.1.5"
   }
 }

frameworks/keyed/frei-hooks/package.json

@@ -1,4 +1,4 @@
-import { createRoot, useReducer } from '@aimwhy/frei';
+import { createRoot, useReducer, useCallback } from '@aimwhy/frei';
 
 const random = (max) => Math.round(Math.random() * 1000) % max;
 
@@ -69,8 +69,8 @@ const listReducer = (state, action) => {
 };
 
 const Row = ({ selected, item, dispatch }) => {
-  const selectFn = () => dispatch({ type: "SELECT", id: item.id })
-  const deleteFn = () => dispatch({ type: "REMOVE", id: item.id })
+  const selectFn = useCallback(() => dispatch({ type: "SELECT", id: item.id }), [item.id]);
+  const deleteFn = useCallback(() => dispatch({ type: "REMOVE", id: item.id }), [item.id]);
 
   return (
     <tr className={selected ? "danger" : ""}>

frameworks/keyed/frei-hooks/src/main.jsx

@@ -34,6 +34,6 @@
     "webpack-cli": "5.0.1"
   },
   "dependencies": {
-    "@aimwhy/frei": "^1.1.1"
+    "@aimwhy/frei": "^1.1.5"
   }
 }

frameworks/non-keyed/frei-hooks/package-lock.json

@@ -1,4 +1,4 @@
-import { createRoot, useReducer } from '@aimwhy/frei';
+import { createRoot, useReducer, useCallback } from '@aimwhy/frei';
 
 const random = (max) => Math.round(Math.random() * 1000) % max;
 
@@ -69,8 +69,8 @@ const listReducer = (state, action) => {
 };
 
 const Row = ({ selected, item, dispatch }) => {
-  const selectFn = () => dispatch({ type: "SELECT", id: item.id });
-  const deleteFn = () => dispatch({ type: "REMOVE", id: item.id })
+  const selectFn = useCallback(() => dispatch({ type: "SELECT", id: item.id }), [item.id]);
+  const deleteFn = useCallback(() => dispatch({ type: "REMOVE", id: item.id }), [item.id]);
 
   return (
     <tr className={selected ? "danger" : ""}>