Awesome CSS

We have a rapidly growing React application which renders on both the server- and client-sides. Some sections of the app are on separate subdomains. The same app uses the same assets across many subdomains, so we control it all through the one runtime. This mean react-router needs to be able to distinguish which host or subdomain it's on.

Proposal

HostRoute which subclasses Route and is aware of the host via a static method HostRoute.setHost(url.parse(res.url).hostname)
Static method called before Router.run() (on init of app) i.e. HostRoute.setHost(url.parse(req.url).hostname) and/or HostRoute.setHost(window.location.hostname)
Makes sense, since host will never change during the lifetime of the application, a significantly lighter approach and "opt-in" for those who require it.
Will require addition to modules/Match to ask the Route itself if it might be a match (if host matc

Awesome CSS

A starting point for awesome CSS (and Sass, and Less) resources, inspired by Awesome Awesomeness everywhere. Still fleshing this out as I go, feel free to fork/contribute.

Structure

Maintainable CSS with BEM - Block-Element-Modifier naming structure
BEM, the framework - a bit heavy for my tastes

	#!/bin/bash

	DEFAULT_BASE="develop"

	if [ -z "$*" ]; then echo "Usage: code-review.sh [review branch] [case compare branch]"; exit 0; fi

	REVIEW_BRANCH=$1
	BASE_BRANCH=${2-$DEFAULT_BASE}

	echo "Checking out $REVIEW_BRANCH"

	(function () {

	function handleLoaded() {
	var butan = document.querySelector('.merge-message .btn[disabled]')
	var checkTimer;

	if (butan) {
	butan.parentElement.addEventListener('click', function handleClick(event) {

	if (checkTimer) {

	// source: https://ctrlq.org/code/19702-twitter-image-upload

	function autoTweet() {
	var ss = SpreadsheetApp.getActiveSpreadsheet();
	var sheet = ss.getSheetByName("schedule"); // This must match the sheet name!
	var rows = sheet.getRange("A:D").getValues();
	var titleList = [], newValues = [],
	response, doc, title;

	var twitterCallback = function(rowIndex, err, result) {

	'use strict';

	/*
	# FetchData

	If property callback `if(storeState)` return true, calls property callback
	`fetchData(dispatch, storeState)` so it may dispatch FETCH actions.

	## Usage:

	if (typeof window.console === "undefined") {
	var methods = ['log', 'info', 'error', 'debug', 'warn', 'assert', 'clear', 'dir', 'trace', 'time', 'timeEnd'];
	console = {};
	for (var key in methods)
	console[methods[key]] = function () {};
	}

Tom McKenzie grrowl

Proposal

Awesome CSS

Structure

Tools

	#!/usr/bin/env sh
	sudo ssh -L 0.0.0.0:80:127.0.0.1:9000 -N tom@localhost


	<style>
	textarea { height: 400px; width: 100%; }
	</style>
	<h1>flatten json</h1>
	<textarea id="data">[]</textarea>
	<button id="goByLine">line-by-line</button>
	<button id="goWhole">as whole object</button>

	<textarea id="result"></textarea>