jim jimmylee

Keybase proof

I hereby claim:

I am meanjim on github.
I am jyl (https://keybase.io/jyl) on keybase.
I have a public key whose fingerprint is 7CFF 9C05 87B0 6EB2 F758 E2C6 CBBA 4396 FB85 F462

To claim this, I am signing this object:

Keybase proof

I hereby claim:

I am jimmylee on github.
I am jyl (https://keybase.io/jyl) on keybase.
I have a public key whose fingerprint is 7CFF 9C05 87B0 6EB2 F758 E2C6 CBBA 4396 FB85 F462

To claim this, I am signing this object:

The Problem

We don't want hashes in our urls. But we also don't want exceptions, broken routes, and users to return without the right url. This document details how I solved the problem for http://jimmyl.ee - a static website hosted on S3.

My Router

import reducers from './reducers/index';
import { middleware } from './common/middleware';
import { createRoutes } from './common/routing';
import { Router } from 'react-router';

	module['exports'] = function tweet(hook) {
	var Twitter = require('twitter');

	var client = new Twitter({
	consumer_key: hook.env.twitter_consumer_key,
	consumer_secret: hook.env.twitter_consumer_secret,
	access_token_key: hook.env.twitter_token,
	access_token_secret: hook.env.twitter_token_secret
	});

	// STEP 1:
	// I use a tool like Dropzone to get the JavaScript file object but I mean you
	// can do whatever your heart desires. you're going to listen to the drop event.

	// STEP 2:
	// Have a method thats like a callback
	_handleFilesDropped(files) {
	if (files.length) {
	const file = files[0];
	return uploadFile(file);

	// NOTE(jim): This is a little hacky because we actually make server trips.
	if (process.browser) {
	NProgress.configure({
	showSpinner: false,
	easing: 'ease',
	speed: 300,
	minimum: 0.8,
	});
	NProgress.done(true);

	[].forEach.call($$("*"),function(a){
	a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16)
	})