Update rendrjs version

Author: twharmon

frameworks/keyed/rendrjs/package-lock.json

@@ -10,7 +10,7 @@
     "webpack-cli": "5.1.4"
   },
   "dependencies": {
-    "@rendrjs/core": "0.1.218"
+    "@rendrjs/core": "0.1.223"
   },
   "js-framework-benchmark": {
     "frameworkVersionFromPackage": "@rendrjs/core",

frameworks/keyed/rendrjs/package.json

@@ -1,4 +1,4 @@
-import { rendr, useState } from '@rendrjs/core';
+import { div, rendr, table, tbody, useState } from '@rendrjs/core';
 import { Jumbotron } from './Jumbotron';
 import { Row } from './Row';
 import { makeIcon } from './RemoveIcon';
@@ -58,13 +58,13 @@ export let App = () => {
   });
   let sel = id => setState(old => ({ ...old, sel: id }));
 
-  return rendr('div', {
+  return div({
     class: 'container',
     slot: [
       rendr(Jumbotron, { run, lots, clear, update, swap, push, memo: [] }),
-      rendr('table', {
+      table({
         class: 'table table-hover table-striped test-data',
-        slot: rendr('tbody', {
+        slot: tbody({
           slot: state.arr.map(item => rendr(Row, {
             key: item.id,
             item,

frameworks/keyed/rendrjs/src/App.js

@@ -1,10 +1,10 @@
-import { rendr } from '@rendrjs/core';
+import { button, div } from '@rendrjs/core';
 import { colSm6 } from './classes';
 
 export let Button = (props) => {
-  return rendr('div', {
+  return div({
     class: `${colSm6} smallpad`,
-    slot: rendr('button', {
+    slot: button({
       id: props.id,
       onclick: props.cb,
       type: 'button',

frameworks/keyed/rendrjs/src/Button.js

@@ -1,22 +1,22 @@
-import { rendr } from '@rendrjs/core';
+import { div, h1, rendr } from '@rendrjs/core';
 import { Button } from './Button';
 import { colMd6 } from './classes';
 
-let h1 = rendr('div', {
+let header = div({
   class: colMd6,
-  slot: rendr('h1', { slot: 'Rendrjs keyed' }),
+  slot: h1({ slot: 'Rendrjs keyed' }),
 });
 
 export let Jumbotron = (props) => {
-  return rendr('div', {
+  return div({
     class: 'jumbotron',
-    slot: rendr('div', {
+    slot: div({
       class: 'row',
       slot: [
-        h1,
-        rendr('div', {
+        header,
+        div({
           class: colMd6,
-          slot: rendr('div', {
+          slot: div({
             class: 'row',
             slot: [
               rendr(Button, { id: 'run', text: 'Create 1,000 rows', cb: props.run }),

frameworks/keyed/rendrjs/src/Jumbotron.js

@@ -1,6 +1,6 @@
-import { rendr } from '@rendrjs/core';
+import { span } from '@rendrjs/core';
 
-export let makeIcon = preload => rendr('span', {
+export let makeIcon = preload => span({
     class: `${preload ? 'preloadicon ' : ''}glyphicon glyphicon-remove`,
     ariaHidden: true,
 });

frameworks/keyed/rendrjs/src/RemoveIcon.js

@@ -1,28 +1,25 @@
-import { rendr } from '@rendrjs/core';
+import { a, td, tr } from '@rendrjs/core';
 import { colMd1, colMd4, colMd6 } from './classes';
 import { makeIcon } from './RemoveIcon';
 
 let icon = makeIcon();
-let emptyTd = rendr('td', { class: colMd6 });
+let emptyTd = td({ class: colMd6 });
 
 export let Row = ({ hi, sel, item, del }) => {
-  return rendr('tr', {
+  return tr({
     class: hi ? 'danger' : undefined,
     slot: [
-      rendr('td', {
-        class: colMd1,
-        slot: `${item.id}`,
-      }),
-      rendr('td', {
+      td({ class: colMd1, slot: `${item.id}` }),
+      td({
         class: colMd4,
-        slot: rendr('a', {
+        slot: a({
           onclick: () => sel(item.id),
           slot: item.label,
         }),
       }),
-      rendr('td', {
+      td({
         class: colMd1,
-        slot: rendr('a', {
+        slot: a({
           onclick: () => del(item.id),
           slot: icon,
         }),