[discussion] investigate vanillajs approaches

frameworks/keyed/angular-ng/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "angular-ng",
+  "name": "js-framework-benchmark-angular-ng",
   "version": "0.0.0",
   "js-framework-benchmark": {
     "frameworkVersionFromPackage": "@angular/core",

frameworks/keyed/angular-noopzone/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "angular-closure",
+  "name": "js-framework-benchmark-angular-noopzone",
   "version": "1.0.0",
   "description": "An angular app using closure compiler",
   "js-framework-benchmark": {

frameworks/keyed/angular-optimized/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "angular-closure",
+  "name": "js-framework-benchmark-angular-optimized",
   "version": "1.0.0",
   "description": "An angular app using closure compiler",
   "js-framework-benchmark": {

frameworks/keyed/angular/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "angular-closure",
+  "name": "js-framework-benchmark-angular",
   "version": "1.0.0",
   "js-framework-benchmark": {
     "frameworkVersionFromPackage": "@angular/core"

frameworks/keyed/angularjs/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "js-framework-benchmark-angular",
+  "name": "js-framework-benchmark-angularjs",
   "version": "1.0.0",
   "description": "Boilerplate for Angular.js",
   "js-framework-benchmark": {

frameworks/keyed/helix/package.json

@@ -1,4 +1,5 @@
 {
+  "name": "helix",
   "private": true,
   "js-framework-benchmark": {
     "frameworkVersion": "0.0.10"

frameworks/keyed/marionette-jquery/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "js-framework-benchmark-marionette",
+  "name": "js-framework-benchmark-marionette-jquery",
   "version": "1.0.0",
   "description": "Marionette v4.0.0 with jQuery",
   "main": "index.js",

frameworks/keyed/nervjs/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "js-framework-benchmark-react-lite",
+  "name": "js-framework-benchmark-nervjs",
   "version": "1.0.0",
   "description": "Benchmark for react-lite framework",
   "js-framework-benchmark": {

frameworks/keyed/preact/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "js-framework-benchmark-react-lite",
+  "name": "js-framework-benchmark-preact",
   "version": "1.0.0",
   "description": "Benchmark for react-lite framework",
   "js-framework-benchmark": {

frameworks/keyed/react-djinn/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "js-framework-benchmark-react",
+  "name": "js-framework-benchmark-react-djinn",
   "version": "1.1.1",
   "description": "React + djinn-state demo",
   "main": "index.js",

frameworks/keyed/react-mobX/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "js-framework-benchmark-react",
+  "name": "js-framework-benchmark-react-mobx",
   "version": "1.1.1",
   "description": "React demo",
   "main": "index.js",

frameworks/keyed/react-redux-combiner/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "js-framework-benchmark-react",
+  "name": "js-framework-benchmark-react-redux-combiner",
   "version": "1.0.0",
   "description": "React+redux-combiner demo",
   "main": "index.js",

frameworks/keyed/react-redux-hooks/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "js-framework-benchmark-react",
+  "name": "js-framework-benchmark-react-redux-hooks",
   "version": "1.1.1",
   "description": "React demo",
   "main": "index.js",

frameworks/keyed/react-redux/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "js-framework-benchmark-react",
+  "name": "js-framework-benchmark-react-redux",
   "version": "1.1.1",
   "description": "React demo",
   "main": "index.js",

frameworks/keyed/reagent/package.json

@@ -1,4 +1,5 @@
 {
+  "name": "reagent",
   "private": true,
   "js-framework-benchmark": {
     "frameworkVersion": "0.10"

frameworks/keyed/vanillajs-1/index.html

@@ -43,6 +43,6 @@ <h1>VanillaJS-"keyed"</h1>
         <span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span>
     </div>
 </div>
-<script src='dist/main.js'></script>
+<script src='src/Main.js'></script>
 </body>
 </html>

frameworks/keyed/vanillajs-1/package.json

@@ -1,14 +1,14 @@
 {
-  "name": "js-framework-benchmark-vanillajs",
+  "name": "js-framework-benchmark-vanillajs-1",
   "version": "1.1.1",
   "description": "Vanilla.JS demo",
   "main": "index.js",
   "js-framework-benchmark": {
     "frameworkVersion": ""
   },
   "scripts": {
-    "build-dev": "rollup -c -w",
-    "build-prod": "rollup -c --environment production"
+    "build-dev": "exit 0",
+    "build-prod": "exit 0"
   },
   "keywords": [],
   "author": "Stefan Krause",
@@ -17,12 +17,5 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/krausest/js-framework-benchmark.git"
-  },
-  "devDependencies": {
-    "@babel/core": "7.1.2",
-    "@babel/preset-env": "7.1.0",
-    "rollup": "1.15.6",
-    "rollup-plugin-babel": "4.0.3",
-    "rollup-plugin-terser": "5.0.0"
   }
 }

frameworks/keyed/vanillajs-create-el/index.html

@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <title>VanillaJS-create-element-"keyed"</title>
+    <link href="/css/currentStyle.css" rel="stylesheet"/>
+</head>
+<body>
+<div id='main'>
+    <div class="container">
+        <div class="jumbotron">
+            <div class="row">
+                <div class="col-md-6">
+                    <h1>VanillaJS-create-element-"keyed"</h1>
+                </div>
+                <div class="col-md-6">
+                    <div class="row">
+                        <div class="col-sm-6 smallpad">
+                            <button type='button' class='btn btn-primary btn-block' id='run'>Create 1,000 rows</button>
+                        </div>
+                        <div class="col-sm-6 smallpad">
+                            <button type='button' class='btn btn-primary btn-block' id='runlots'>Create 10,000 rows</button>
+                        </div>
+                        <div class="col-sm-6 smallpad">
+                            <button type='button' class='btn btn-primary btn-block' id='add'>Append 1,000 rows</button>
+                        </div>
+                        <div class="col-sm-6 smallpad">
+                            <button type='button' class='btn btn-primary btn-block' id='update'>Update every 10th row</button>
+                        </div>
+                        <div class="col-sm-6 smallpad">
+                            <button type='button' class='btn btn-primary btn-block' id='clear'>Clear</button>
+                        </div>
+                        <div class="col-sm-6 smallpad">
+                            <button type='button' class='btn btn-primary btn-block' id='swaprows'>Swap Rows</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <table class="table table-hover table-striped test-data">
+            <tbody id="tbody">
+            </tbody>
+        </table>
+        <span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span>
+    </div>
+</div>
+<script src='src/Main.js'></script>
+</body>
+</html>

frameworks/keyed/vanillajs-create-el/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "js-framework-benchmark-vanillajs-create-el",
+  "version": "1.1.1",
+  "description": "Vanilla.JS demo",
+  "main": "index.js",
+  "js-framework-benchmark": {
+    "frameworkVersion": ""
+  },
+  "scripts": {
+    "build-dev": "exit 0",
+    "build-prod": "exit 0"
+  },
+  "keywords": [
+    "react",
+    "webpack"
+  ],
+  "author": "Stefan Krause",
+  "license": "Apache-2.0",
+  "homepage": "https://github.com/krausest/js-framework-benchmark",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/krausest/js-framework-benchmark.git"
+  },
+  "devDependencies": {
+    "@babel/core": "7.4.5",
+    "@babel/preset-env": "7.4.5",
+    "babel-loader": "8.0.6",
+    "webpack": "4.34.0",
+    "webpack-cli": "^3.3.4"
+  }
+}