Initial code

gimenete · Mar 27, 2018 · 6ad8225 · 6ad8225
commit 6ad8225
Show file tree

Hide file tree

Showing 7 changed files with 3,327 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+lib
+node_modules
diff --git a/README.md b/README.md
@@ -0,0 +1,12 @@
+# DIY modern JavaScript framework based on Virtual DOM
+
+Basic example on how to sync the state and the UI using Virtual DOM. It implements an API similar to React.
+
+- Check out `src/index.js` to see an example of component.
+- Check out `src/component.js` to see the _core_ of the _framework_.
+
+## Running
+
+- Install dependencies: `npm install`
+- Build it: `npm run build` or _watch_ if you want to make changes and rebuild automatically
+- Open `index.html`
diff --git a/index.html b/index.html
@@ -0,0 +1,43 @@
+<html>
+<head>
+  <style>
+    body {
+      font-family: sans-serif;
+    }
+
+    #addressList {
+      width: 300px;
+    }
+
+    input {
+      font-size: 30px;
+    }
+
+    .help {
+      color: gray;
+    }
+
+    .hidden {
+      display: none;
+    }
+
+    ul {
+      list-style-type: none;
+      padding: 0;
+    }
+
+    a {
+      color: red;
+      float: right;
+      cursor: pointer;
+    }
+  </style>
+
+</head>
+
+<body>
+  <div id="addressList"></div>
+  <script src="lib/bundle.js"></script>
+</body>
+
+</html>