Aaron Hardy Aaronius

The introduction to Reactive Programming you've been missing

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.

Lower Case JSX Convention

All lower case JSX tags will now be treated as HTML/SVG elements. They will no longer be treated as custom components in scope.

The React element produced by JSX can be either a React class that exists in the local scope or a global scope HTML/SVG element depending on a convention.

Previous Behavior

Currently, when you use React JSX to define a HTML element you can use any known HTML tag. E.g:

	package com.visfleet.robotlegs {
	import com.visfleet.core.isNotNull;

	import flash.events.Event;
	import flash.events.IEventDispatcher;

	import mx.logging.ILogger;

	import mx.logging.Log;

	//*******************************************
	// Level 1, basic API, minimum support
	//*******************************************
	/*
	Modules IDs are strings that follow CommonJS
	module names.
	*/

	//To load code at the top level JS file,
	//or inside a module to dynamically fetch

	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
	Version 2, December 2004

	Copyright (C) 2011 Jed Schmidt <http://jed.is>

	Everyone is permitted to copy and distribute verbatim or modified
	copies of this license document, and changing it is allowed as long
	as the name is changed.

	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE

	// Source: https://groups.google.com/forum/#!topic/angular/hVrkvaHGOfc
	// jsFiddle: http://jsfiddle.net/pkozlowski_opensource/PxdSP/14/
	// author: Pawel Kozlowski

	var myApp = angular.module('myApp', []);

	//service style, probably the simplest one
	myApp.service('helloWorldFromService', function() {
	this.sayHello = function() {
	return "Hello, World!"

	// Helpers
	// -------

	// For slicing `arguments` in functions
	var slice = Array.prototype.slice;

	// Borrow the Backbone `extend` method so we can use it as needed
	Marionette.extend = Backbone.Model.extend;

	// A wrapper / shim for `Object.create`. Uses native `Object.create`

	<!DOCTYPE html>
	<script type="text/javascript">
	var addEvent = document.addEventListener ?
	function(node, name, fn) { node.addEventListener(name, fn, false); } :
	function(node, name, fn) { node.attachEvent('on' + name, fn); }

	var begin = +new Date;
	var log = [];
	log.push('Event, Time: readyState, EOF');
	function logEvent(name) {

	-----------
	Hello!
	-----------
	You have 5 messages.
	-----------




	*******

	(function(){
	'use strict';

	/*
	Create intra-page links
	Requires that your headings already have an `id` attribute set (because that's what jekyll does)
	For every heading in your page, this adds a little anchor link `#` that you can click to get a permalink to the heading.
	Ignores `h1`, because you should only have one per page.
	The text content of the tag is used to generate the link, so it will fail "gracefully-ish" if you have duplicate heading text.
	*/