Performance improvement

Author: nihil-pro

frameworks/keyed/preact-kr-observable/package.json

@@ -19,7 +19,7 @@
     "url": "https://github.com/krausest/js-framework-benchmark.git"
   },
   "dependencies": {
-    "kr-observable": "1.0.37",
+    "kr-observable": "1.0.39",
     "preact": "^10.25.0",
     "react": "18.2.0",
     "react-dom": "18.2.0"

frameworks/keyed/preact-kr-observable/src/RowsStore.js

@@ -2,6 +2,7 @@ import { Observable } from 'kr-observable';
 import { buildData } from './data';
 
 export class RowsStore extends Observable {
+  static shallow = ['rows']
   rows = [];
 
   delete(e) {

frameworks/keyed/react-kr-observable/package-lock.json

@@ -19,9 +19,9 @@
     "url": "https://github.com/krausest/js-framework-benchmark.git"
   },
   "dependencies": {
-    "kr-observable": "1.0.37",
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "kr-observable": "1.0.39",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   },
   "devDependencies": {
     "@babel/core": "7.21.8",

frameworks/keyed/react-kr-observable/package.json

@@ -2,6 +2,7 @@ import { Observable } from 'kr-observable';
 import { buildData } from './data';
 
 export class RowsStore extends Observable {
+  static shallow = ['rows']
   rows = [];
 
   delete(e) {
@@ -46,4 +47,6 @@ export class RowsStore extends Observable {
   };
 }
 
+
+
 export const rowsStore = new RowsStore()

frameworks/keyed/react-kr-observable/src/RowsStore.js

@@ -65,13 +65,11 @@ const random = (max) => Math.round(Math.random() * 1000) % max;
 export const buildData = (count) => {
   const data = [];
   for (let i = 0; i < count; i++) {
-    const d = {
+    data.push(makeObservable({
       id: id++,
       label: `${adjectives[random(adjectives.length)]} ${colours[random(colours.length)]} ${nouns[random(nouns.length)]}`,
       selected: false
-    }
-
-    data.push(makeObservable(d, ['id']))
+    }, ['id']))
   }
   return data;
 };