Tuncay Kaplan trkaplan

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 led 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't

	// MultiExporter.jsx
	// Version 0.1
	// Version 0.2 Adds PNG and EPS exports
	// Version 0.3 Adds support for exporting at different resolutions
	// Version 0.4 Adds support for SVG, changed EPS behaviour to minimise output filesize
	// Version 0.5 Fixed cropping issues
	// Version 0.6 Added inner padding mode to prevent circular bounds clipping
	//
	// Copyright 2013 Tom Byrne
	//

	# Tell system when Xcode utilities live:
	sudo xcode-select -switch /Applications/Xcode.app/Contents/Developer

	# Set "opendiff" as the default mergetool globally:
	git config --global merge.tool opendiff

	/*
	jquery.youtubeUploadsAndFavorites.js

	Gets the uploads and favorites for a YouTube username
	- removes duplicates
	- orders in reverse chronological order
	- retries the last 20 of each feed

	usage: $(selector).youtubeUploadsAndFavorites();

	/**
	* Metni url'de kullanılabilir hale çevirir. Boşluklar tireye çevrilir,
	* alfanumerik olmayan katakterler silinir.
	*
	* Transform text into a URL path slug(with Turkish support).
	* Spaces turned into dashes, remove non alnum
	*
	* @param string text
	*/
	slugify = function(text) {

	<key>GDI Commands</key>
	<dict>
	<key>GDI Duplicate Current Line</key>
	<string>selectLine:, copy:, moveToEndOfLine:, insertNewLine:, moveToBeginningOfLine:, paste:, moveUp:, moveToEndOfLine:</string>
	<key>GDI Delete Current Line</key>
	<string>moveToEndOfLine:, deleteToBeginningOfLine:, deleteBackward:, moveDown:, moveToEndOfLine:</string>
	<key>GDI Move Current Line Up</key>
	<string>selectLine:, cut:, moveUp:, moveToBeginningOfLine:, insertNewLine:, paste:, moveBackward:</string>
	<key>GDI Move Current Line Down</key>
	<string>selectLine:, cut:, moveDown:, moveToBeginningOfLine:, insertNewLine:, paste:, moveBackward:</string>

	var myConfObj = {
	iframeMouseOver : false
	}
	window.addEventListener('blur',function(){
	if(myConfObj.iframeMouseOver){
	console.log('Wow! Iframe Click!');
	}
	});

	document.getElementById('YOUR_CONTAINER_ID').addEventListener('mouseover',function(){

	// Load scripts asynchronously
	jQuery.loadAsync = function(url, callback) {
	// Don't use $.getScript since it disables caching
	jQuery.ajax({
	'url': url,
	'dataType': 'script',
	'cache': true,
	'success': callback \|\| jQuery.noop
	});
	};

	<!DOCTYPE html>
	<head>
	<title>Stay Standalone</title>
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
	<script src="stay_standalone.js" type="text/javascript"></script>
	</head>
	<body>
	<ul>
	<li><a href="http://google.com/">Remote Link (Google)</a></li>

	<script>
	// add a class of 'loading' to the HTML, then remove it once the page has finished loading
	(function(c){
	c('scripted loading')
	window.onload = function(){setTimeout(function(){
	c(c().replace('loading',''))
	},30)}
	}(function(c){
	var h = document.lastChild
	return c ? h.className = c : h.className