Chang Yan cyan33

Table of Contents generated with DocToc

FrontEnd Masters - ES6 notes
Rest Parameters

New React Element Factories and JSX

In React 0.12, we're making a core change to how React.createClass(...) and JSX works.

If you're using JSX in the typical way for all (and only) React components, then this transition will be seamless. Otherwise there are some minor breaking changes described below.

The Problem

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.

Angular jqLite

jQuery and Angular

Angular doesn’t depend on jQuery. In fact, the Angular source contains an embedded lightweight alternative: jqLite. Still, when Angular detects the presence of a jQuery version in your page, it uses that full jQuery implementation in lieu of jqLite. One direct way in which this manifests itself is with Angular’s element abstraction. For example, in a directive you get access to the element that the directive applies to:

	// connect() is a function that injects Redux-related props into your component.
	// You can inject data and callbacks that change that data by dispatching actions.
	function connect(mapStateToProps, mapDispatchToProps) {
	// It lets us inject component as the last step so people can use it as a decorator.
	// Generally you don't need to worry about it.
	return function (WrappedComponent) {
	// It returns a component
	return class extends React.Component {
	render() {
	return (

	var debug = process.env.NODE_ENV !== "production";
	var webpack = require('webpack');

	module.exports = {
	context: __dirname,
	devtool: debug ? "inline-sourcemap" : null,
	entry: "./js/scripts.js",
	output: {
	path: __dirname + "/js",
	filename: "scripts.min.js"

	#!/usr/local/bin/python
	# delete all files and folders in trash box
	import os
	import sys

	os.chdir('/Users/YourUserName/.Trash')
	if len(sys.argv) >= 2:
	if sys.argv[1] == '-t' or sys.argv[1] == '-T':
	os.system("tree ./")
	elif sys.argv[1] == '-l' or sys.argv[1] == '-L':

	# EditorConfig helps developers define and maintain consistent
	# coding styles between different editors and IDEs
	# editorconfig.org

	root = true


	[*]
	end_of_line = lf
	charset = utf-8

	// returns first element selected - $('input[name="food"]')
	var $ = document.querySelector.bind(document);
	// return array of selected elements - $$('img.dog')
	var $$ = document.querySelectorAll.bind(document);

	// Credit: https://twitter.com/wesbos/status/608341616173182977

	'use strict';

	var React = require('react');

	var BzIframe = React.createClass({

	propTypes: {
	src: React.PropTypes.string.isRequired,
	onLoad: React.PropTypes.func
	},