Ryan Roemer ryan-roemer

With styled-components into the future

Preprocessing is dead, long live preprocessing!

This is a CFP for ReactiveConf 2017's open call for Lightning talks. If you'd like to see this talk become a reality, please ⭐ star this gist. #ReactiveConf

TL;DR: If you want to see me perform a spoken word poem about JavaScript in front of 1000 people (and on video), please ⭐ star this gist. If you're on mobile, you'll need to request desktop site.

JavaScript Slam Poetry

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:

Get Mountain Lion and Homebrew to Be Happy

1) Install XCode 4.4 into /Applications

Get it from the App Store.

2) Install Command Line Tools

In XCode's Preferences > Downloads you can install command line tools.

	require 'sprockets'

	# Get relevant paths
	project_root = File.expand_path('..', File.dirname(__FILE__))
	app_css_file = File.join(project_root, 'assets', 'stylesheets', 'application.css')
	app_js_file = File.join(project_root, 'assets', 'javascripts', 'application.js')

	# Initialize Sprockets
	environment = Sprockets::Environment.new
	environment.append_path(File.join(project_root, '_assets', 'javascripts'))

	/*
	* Implements 'onenter' event for `events` object in Backbone.View.
	* Author: Emil Stenqvist <[email protected]>
	*/
	(function(global) {

	var Backbone = global.Backbone;
	if(!Backbone) throw "this shim needs Backbone";

	var delegateEvents = Backbone.View.prototype.delegateEvents;

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" href="../libs/mocha.css" type="text/css" media="screen" title="no title" charset="utf-8">
	</head>
	<body>
	<div id="mocha"></div>
	<script src="../libs/mocha.js" type="text/javascript" charset="utf-8"></script>

	//Download jquery.js and place it in the build, do not use require-jquery.js
	//in the build, since each of the build layers just needs almond and not the
	//full require.js file.
	//This file is run in nodejs to do the build: node build.js

	//Load the requirejs optimizer
	var requirejs = require('./r.js');

	//Set up basic config, include config that is
	//common to all the requirejs.optimize() calls.

	var express = require('express')
	, cookieSessions = require('./cookie-sessions');

	var app = express();

	app.use(express.cookieParser('manny is cool'));
	app.use(cookieSessions('sid'));

	app.get('/', function(req, res){
	req.session.count = req.session.count \|\| 0;