Juan Orozco Macrofig

In short, observables and computed values are something that every framework struggles with. Frameworks that have explicit observables and computed values (Ember, Knockout, CanJS, etc) can provide high performance updates and, imo, a more natural development experience. However, frameworks like Angular and React, that can use plain JS objects, lend themselves to being much more popular, but accomplish "computes" with either unnecessary dirty checking or diffing. Proxies will be able to provide a best of all worlds solutions.

Frameworks with explict observables

Ember, Knockout, CanJS, and many other frameworks have explicit observables and computed values or properties. For example, in CanJS (which I'm most familiar), the following creates a fullName compute that updates whenever any of its source observables change:

Auto-deploying built products to gh-pages with GitHub Actions

This is a set up for projects which want to check in only their source files, but have their gh-pages branch automatically updated with some compiled output every time they push.

A file below this one contains the steps for doing this with Travis CI. However, these days I recommend GitHub Actions, for the following reasons:

It is much easier and requires less steps, because you are already authenticated with GitHub, so you don't need to share secret keys across services like you do when coordinate Travis CI and GitHub.
It is free, with no quotas.
Anecdotally, builds are much faster with GitHub Actions than with Travis CI, especially in terms of time spent waiting for a builder.

Dashboards

Team Dashboard - http://fdietz.github.io/team_dashboard/
Geckoboard - http://www.geckoboard.com/ - Slick data dashboards.
Leftronic - https://www.leftronic.com/ - Similar, doesn't seem quite as organised looking
Dashing - http://shopify.github.io/dashing/ - Simple metric dashboards by Shopify. Widget list

Charting

HighCharts - http://www.highcharts.com/ Not very inspiring but very widely used & performant
Google Charts - https://developers.google.com/chart/ Again, not very inspiring but can be customised
Flot - http://www.flotcharts.org/ Gorgeous slick HTML5 graphs

	{
	"accept": "application/json, text/javascript, /; q=0.01",
	"accept-encoding": "gzip, deflate, br",
	"accept-language": "en-US,en;q=0.8,cy;q=0.6",
	"authorization": "eyJhbGciOiJIUzI1NiIsInR5cCI6ImFjY2VzcyJ9.eyJ1c2VySWQiOiI0akZ4SEtQWXRpcnVwMkROIiwiaWF0IjoxNDkxNTM3ODExLCJleHAiOjE0OTE2MjQyMTEsImF1ZCI6Imh0dHBzOi8veW91cmRvbWFpbi5jb20iLCJpc3MiOiJmZWF0aGVycyIsInN1YiI6ImFub255bW91cyJ9.zOqO6bUgQrsMy7JIea6eoDCrMUqnIj2qKE8CPFOvhsQ",
	"cache-control": "no-cache",
	"connection": "keep-alive",
	"content-length": "31",
	"content-type": "application/json",
	"host": "localhost:3030",

	<script src="node_modules/steal/steal.js"></script>
	<script>
	var oldNormalize = System.normalize;
	System.normalize = function(name, parentName){
	return oldNormalize.apply(this, arguments).then(function(name){
	if(name === "my/module") {
	console.log(name, "is imported by", parentName);
	}
	return name;
	});

	var httpProxy = require('http-proxy');
	var http = require('http');

	var proxy = httpProxy.createProxyServer({});

	var server = http.createServer(function(req, res) {
	var url = req.url;
	console.log(url);
	proxy.web(req, res, { target: url });
	});


	/**
	* Module dependencies.
	*/

	var express = require('express')
	, passport = require('passport')
	, http = require('http')
	, path = require('path')
	, LocalStrategy = require('passport-local').Strategy;