Chandra Veera veeracs

Hi Nicholas,

I saw you tweet about JSX yesterday. It seemed like the discussion devolved pretty quickly but I wanted to share our experience over the last year. I understand your concerns. I've made similar remarks about JSX. When we started using it Planning Center, I lead the charge to write React without it. I don't imagine I'd have much to say that you haven't considered but, if it's helpful, here's a pattern that changed my opinion:

The idea that "React is the V in MVC" is disingenuous. It's a good pitch but, for many of us, it feels like in invitation to repeat our history of coupled views. In practice, React is the V and the C. Dan Abramov describes the division as Smart and Dumb Components. At our office, we call them stateless and container components (view-controllers if we're Flux). The idea is pretty simple: components can'

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.

	<!doctype html>
	<html lang="en" id="ng-app" xmlns:ng="http://angularjs.org" ng-controller="AppCtrl">
	<head>
	<meta charset="utf-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<title>HTML5 placeholder polyfill using AngularJS directive</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
	<link rel="stylesheet" href="css/main.css">
	<script src="app/libs/modernizr.custom.09442.js"></script>

	/*
	HTML5 placeholder polyfill for IE8, 9
	*/
	angular.module('directives.placeholder', []).directive('placeholder', function(){
	// cn-placeholder directive definition object
	return {
	restrict: 'A',
	require: 'ngModel',
	link: function(scope, elm, attrs, ctrl) {
	if (!Modernizr.placeholder) {

	angular.module('directives', [])
	.directive('cmunit', ['$compile', 'AdBrandMappingService',
	function($compile, AdBrandMappingService) {
	return {
	restrict: 'E',
	replace: true,
	template: '<div class="cm-ads-unit" id="cmunit{{size}}_frame"></div>',
	link: function(scope, elm, attrs, ctrl) {
	var site = AdBrandMappingService.getDfpReference(scope.appName);
	scope.size = (scope.adBlocked) ? '_failsafe' : attrs.size;

	1. Branch off of develop for a feature development/bug fix.
	$ git checkout -b feature/myfeature develop
	$ git checkout -b bug/CNID-1234 develop
	2. Do as many commits as you want on the feature/bug branch. Once done with the changes, squash all commits into one commit
	Open github and figure out how many commits to go back.
	$ git rebase -i head~(number of commits)
	- You can remove commits in editor by doing {command K}.
	- Save!
	3. Checkout develop and make sure it's up to date
	$ git checkout develop

	package ca.uwo.csd.cs2212.USERNAME;

	public class BankAccount {

	private double balance;

	public BankAccount(double balance) {
	this.balance = balance;
	}

	# to generate your dhparam.pem file, run in the terminal
	openssl dhparam -out /etc/nginx/ssl/dhparam.pem 2048

	# based on http://git.io/hpl2Gw

	linters:
	PropertySortOrder:
	order:
	- position
	- top
	- right
	- bottom
	- left

	/**
	* External dependencies
	*/
	import React, { Component, PropTypes } from 'react';
	import { Link } from 'react-router';
	import { bindActionCreators } from 'redux';
	import { connect } from 'react-redux';
	import classNames from 'classnames';

	/**