Jonathan Creamer jcreamer898

// app.js
React.render(App({
	initialData: window.initialData
}));

// app.jsx
var App = React.createClass({

Trigger

Instead of n number of arguments, use the "envelope" pattern to pass an object instead.

define(function(require)
  var LPE = require("LPE")
  
  LPE.on("card.render", function(data) {
 // use data

JavaScript Architecture for the 23rd Century

Centuries ago when JavaScript was a browser toy to flash things around on the page, the need for architecture in JavaScript was non existent. You could simply throw some jQuery into a file, or even just in an embeded script tag on the page and you'd have what you need.

Centuries later in the 23rd century, Stardate 1312.4, the need for architecture is critical in creating long term JavaScript Applications that will survive a 5 year mission into deep space.

First we will step back in time to talk about the constructor pattern, and move forward through time into other useful patterns such as modules, and namespacing. Then move into talking about organizational strategies as well as AMD and Browserify.

Finally we'll talk more about JavaScript in the 24th century with ES6 classes and how we can utilize them today with Traceur. Cadets who attend this session will learn:

	#!/bin/bash
	input=$1
	query=${input// /%20}
	url=http://api.giphy.com/v1/gifs/search\?q=$query\&api_key\=dc6zaTOxFJmzC

	image=$(curl -s $url \| jq '.data[0] \| { url: .images.fixed_height.url } \| .url')

	echo "Added $image to the clipbboard."
	echo ${image//\"/ } \| pbcopy

	const whatHasUpdated = (instance, props, state) => {
	const changed = (obj, comparedTo) => Object.keys(obj).reduce((memo, key) => {
	if (comparedTo[key] !== obj[key]) {
	memo.push({
	key,
	old: comparedTo[key],
	new: obj[key],
	});
	}

	import stringify from "json-stringify-safe";
	import clone from "lodash/clone";
	import each from "lodash/each";
	import find from "lodash/find";
	import camelCase from "lodash/camelCase";

	const _ = {
	clone, each, find, camelCase,
	};

	// event bus as dispatcher
	// actions.js
	module.exports = {
	addItem: (item) => {
	Bus.trigger("item.added", {
	item: item
	});
	},
	removeItem: (item) => {
	Bus.trigger("item.removed", {

	{
	"clusters": {
	"destinations": {
	"version": "0.90.10",
	"config": {
	"cluster": {
	"name": "destinations_development"
	},
	"path": {
	"data": "tmp/elasticsearch",

	<div class="parent">
	<div class="child"></div>
	<div class="child"></div>
	<div class="child"></div>
	<div class="child"></div>
	<div class="child"></div>
	</div>