This example demonstrates different component state handling options provided by @thi.ng/atom and uses @thi.ng/hdom for + rendering. +
+The idea of "Devcards" is originally by Bruce Haumann and this implementation is in no way meant to be comparable...
+The BMI calculator example too was taken from Devcards (and by extension from Reagent Project examples).
+Total filesize: 18.5KB (6.6KB gzip'd) - see + source for more information.
+ + + + \ No newline at end of file diff --git a/examples/devcards/package.json b/examples/devcards/package.json index 6a20ab0085..3f4be2e4f4 100644 --- a/examples/devcards/package.json +++ b/examples/devcards/package.json @@ -17,9 +17,9 @@ }, "dependencies": { "@thi.ng/api": "^2.0.3", - "@thi.ng/atom": "^0.7.3", - "@thi.ng/hdom": "^2.0.0", - "@thi.ng/rstream": "^1.0.8", + "@thi.ng/atom": "^0.8.0", + "@thi.ng/hdom": "^2.1.0", + "@thi.ng/rstream": "^1.0.9", "@thi.ng/transducers": "^1.6.1" } } \ No newline at end of file diff --git a/examples/devcards/webpack.config.js b/examples/devcards/webpack.config.js new file mode 100644 index 0000000000..26efe6fb12 --- /dev/null +++ b/examples/devcards/webpack.config.js @@ -0,0 +1,17 @@ +module.exports = { + entry: "./src/index.ts", + output: { + path: __dirname, + filename: "bundle.js" + }, + resolve: { + extensions: [".ts", ".js"] + }, + module: { + loaders: [{ test: /\.ts$/, loader: "ts-loader" }] + }, + node: { + process: false, + setImmediate: false + } +}; diff --git a/examples/lifecycle-hooks/webpack.config.js b/examples/lifecycle-hooks/webpack.config.js new file mode 100644 index 0000000000..26efe6fb12 --- /dev/null +++ b/examples/lifecycle-hooks/webpack.config.js @@ -0,0 +1,17 @@ +module.exports = { + entry: "./src/index.ts", + output: { + path: __dirname, + filename: "bundle.js" + }, + resolve: { + extensions: [".ts", ".js"] + }, + module: { + loaders: [{ test: /\.ts$/, loader: "ts-loader" }] + }, + node: { + process: false, + setImmediate: false + } +}; diff --git a/examples/login-form/index.html b/examples/login-form/index.html new file mode 100644 index 0000000000..8a4f7170f7 --- /dev/null +++ b/examples/login-form/index.html @@ -0,0 +1,30 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/examples/login-form/webpack.config.js b/examples/login-form/webpack.config.js new file mode 100644 index 0000000000..26efe6fb12 --- /dev/null +++ b/examples/login-form/webpack.config.js @@ -0,0 +1,17 @@ +module.exports = { + entry: "./src/index.ts", + output: { + path: __dirname, + filename: "bundle.js" + }, + resolve: { + extensions: [".ts", ".js"] + }, + module: { + loaders: [{ test: /\.ts$/, loader: "ts-loader" }] + }, + node: { + process: false, + setImmediate: false + } +}; diff --git a/examples/svg-particles/index.html b/examples/svg-particles/index.html new file mode 100644 index 0000000000..a7b3377b20 --- /dev/null +++ b/examples/svg-particles/index.html @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/examples/svg-particles/webpack.config.js b/examples/svg-particles/webpack.config.js new file mode 100644 index 0000000000..26efe6fb12 --- /dev/null +++ b/examples/svg-particles/webpack.config.js @@ -0,0 +1,17 @@ +module.exports = { + entry: "./src/index.ts", + output: { + path: __dirname, + filename: "bundle.js" + }, + resolve: { + extensions: [".ts", ".js"] + }, + module: { + loaders: [{ test: /\.ts$/, loader: "ts-loader" }] + }, + node: { + process: false, + setImmediate: false + } +};