^_^ chiefjester

Sublime Text 2 – Useful Shortcuts (PC)

Loosely ordered with the commands I use most towards the top. Sublime also offer full documentation.

Editing

Ctrl+X	delete line
Ctrl+↩	insert line after
Ctrl+⇧+↩	insert line before
Ctrl+⇧+↑	move line (or selection) up

Locate the section for your github remote in the .git/config file. It looks like this:

[remote "origin"]
	fetch = +refs/heads/*:refs/remotes/origin/*
	url = [email protected]:joyent/node.git

Now add the line fetch = +refs/pull/*/head:refs/remotes/origin/pr/* to this section. Obviously, change the github url to match your project's URL. It ends up looking like this:

File and folder naming convention for React.js components

Directory Layout #1

/actions/...
/components/common/Link.js
/components/common/...
/components/forms/TextBox.js
/components/forms/TextBox.res/style.css

React now supports the use of ES6 classes as an alternative to React.createClass().

React's concept of Mixins, however, doesn't have a corollary when using ES6 classes. This left the community without an established pattern for code that both handles cross-cutting concerns and requires access to Component Life Cycle Methods.

In this gist, @sebmarkbage proposed an alternative pattern to React mixins: decorate components with a wrapping "higher order" component that handles whatever lifecycle methods it needs to and then invokes the wrapped component in its render() method, passing through props.

While a viable solution, this has a few drawbacks:

There's no way for the child component to override functionality defined on the higher order component.

This is a proposal for a lightning talk at the Reactive 2015 conference.

NOTE: If you like this, star ⭐ the Gist - the amount of stars decides whether it makes the cut!

The Joy of Composition

Why stateless rendering is pure bliss

React just got stateless components, meaning that they are in essence pure functions for rendering. Pure functions make it dead simple - even fun - to refactor your views

Below is the list of modern JS frameworks and almost frameworks – React, Vue, Angular, Ember and others.

All files were downloaded from https://cdnjs.com and named accordingly. Output from ls command is stripped out (irrelevant stuff)

As-is (minified)

$ ls -lhS
566K Jan 4 22:03 angular2.min.js

	# Install linux update, followed by GCC and Make
	sudo yum -y update
	sudo yum install -y gcc make

	# Install Nginx and PHP-FPM
	sudo yum install -y nginx php-fpm

	# Install PHP extensions
	sudo yum install -y php-devel php-mysql php-pdo \
	php-pear php-mbstring php-cli php-odbc \

	language: node_js

	node_js:
	- iojs

	env:
	global:
	# https://docs.saucelabs.com/ci-integrations/travis-ci/
	# SAUCE_USERNAME
	- secure: Daa...

	const sequence = require('run-sequence')

	// create a middleware stack
	// (obj, obj, [fn(obj, obj, fn)], fn) -> null
	function mw (req, res, arr, done) {
	const fns = arr.map(fn => (next) => fn(req, res, next))
	sequence(fns, done)
	}

	$(function() {
	// good opportunity to combine into a single statement
	// qq w cw <esc> A, <esc> 0 j q
	var a = 10;
	var b = 20;
	var c = 30;
	var d = 40;
	var e = 50;

	// opportunity to simplify syntax