JJ jjrdn

Virtual DOM and diffing algorithm

There was a [great article][1] about how react implements it's virtual DOM. There are some really interesting ideas in there but they are deeply buried in the implementation of the React framework.

However, it's possible to implement just the virtual DOM and diff algorithm on it's own as a set of independent modules.

build

Clone and build Node for analysis:

$ git clone https://github.com/joyent/node.git
$ cd node
$ export GYP_DEFINES="v8_enable_disassembler=1"
$ ./configure
$ make -j4

	<html>
	<head>
	<title>Redis Listener</title>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
	<script type="text/javascript">
	$(function() {
	var conn;
	var msg = $("#msg");
	var log = $("#log");
	function appendLog(msg) {

	begin;

	create table user_ratings (
	id serial primary key,
	user_id integer not null,
	rating integer not null check (rating >= 0 and rating <= 5),
	ratable_id integer not null
	);

	create function random_int(max integer) returns integer as $$

	#! /usr/bin/env python
	from boto.ses.connection import SESConnection
	import os
	import sys
	import subprocess
	import socket

	TMPFILE = '/var/run/postgresql/last-wal-archive-error-file.tmp'

	if __name__ == '__main__':

	#!/bin/bash

	# works with a file called VERSION in the current directory,
	# the contents of which should be a semantic version number
	# such as "1.2.3"

	# this script will display the current version, automatically
	# suggest a "minor" version update, and ask for input to use
	# the suggestion, or a newly entered value.

	package main

	import (
	"database/sql"
	"errors"
	"fmt"
	_ "github.com/bmizerany/pq"
	"os"
	"regexp"
	"strings"

	//usage
	withAdvice.call(targetObject);

	//mixin augments target object with around, before and after methods
	//method is the base method, advice is the augmenting function
	withAdvice: function() {
	['before', 'after', 'around'].forEach(function(m) {
	this[m] = function(method, advice) {
	if (typeof this[method] == 'function') {
	return this[method] = fn[m](this[method], advice);

	echo 'export PATH=$HOME/local/bin:$PATH' >> ~/.bashrc
	. ~/.bashrc
	mkdir ~/local
	mkdir ~/node-latest-install
	cd ~/node-latest-install
	curl http://nodejs.org/dist/node-latest.tar.gz \| tar xz --strip-components=1
	./configure --prefix=~/local
	make install # ok, fine, this step probably takes more than 30 seconds...
	curl https://www.npmjs.org/install.sh \| sh

	eventsource
	go-eventsource
	client/client