Harri Hälikkä harriha

Some articles:

How to automate a visual regression test (WebdriverCSS)
CSS Testing with PhantomCSS, PhantomJS, CasperJS and Grunt (PhantomCSS)
Automating Style Guide-Driven Development (Style Guide Based Testing
Automating CSS Regression Testing (BackstopJS)

Some tools:

Problem

While building a JavaScript single page app that acts as a front-end to multiple backend servers, even if they are on the same host as the web app - but on different ports, you come across CORS issues.

Solution

Use a simple node.js + hapi.js server to:

Serve your static single page app
Act as proxy to the backend servers

Reactjs conf 2015 Notes

react native announced
- Allows you to use react style javascript to target native ios and android, native views, live reloading
- intro pt1
- intro pt2
- facebook groups app uses react native with graphql and relay
realtime page tweaking
- rethink best practices and workflows
inmutability is a good idea

Essential JavaScript Links

I no longer mantain this list. There are lots of other very comprehensive JavaScript link lists out there. Please see those, instead (Google "awesome JavaScript" for a start).

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

	{ rules: {
	// Generated using magic regex:
	// from: ^([a-z-]+) - (.*)$
	// to: // \2: http://eslint.org/docs/rules/\1\n \1: 2,\n
	//
	// Use http://oleg.fi/relaxed-json/ to convert to plain json

	// Possible Errors
	// disallow or enforce trailing commas (recommended): http://eslint.org/docs/rules/comma-dangle
	comma-dangle: 2,

	/*
	* derivative work of Matheus de Oliveira's json_manipulator.sql
	* https://gist.github.com/matheusoliveira/9488951
	*
	* adapted to support postgresql 9.4 jsonb type
	* no warranties or guarantees of any kind are implied or offered
	*
	* license is as Matheus conferred it on 4/9/2015:
	* matheusoliveira commented on Apr 9
	* @hannes-landeholm, I'd like to take credit if you share them

	/* bling.js */
	window.$ = document.querySelector.bind(document);
	window.$$ = document.querySelectorAll.bind(document);
	Node.prototype.on = window.on = function(name, fn) { this.addEventListener(name, fn); };
	NodeList.prototype.__proto__ = Array.prototype;
	NodeList.prototype.on = function(name, fn) { this.forEach((elem) => elem.on(name, fn)); };

	'use strict';

	var env = process.env.NODE_ENV \|\| 'development';
	var gulp = require( 'gulp' );
	var path = require( 'path' );
	var $ = require( 'gulp-load-plugins' )();

	gulp.task( 'tsc' , function (){
	return gulp.src( [ './app/src/build.ts' ] )
	.pipe( $.tsc( {

	var connectionString = 'postgres://localhost:5432/postgres';
	var Promise=require('bluebird');


	var knex = require('knex')({
	client: 'pg',
	connection: {
	user: 'postgres',
	database: 'postgres',
	port: 5432,