jimmylee

// 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);

jimmylee

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';

jimmylee

Verifying that "jimlee.id" is my Blockstack ID. https://onename.com/jimlee

jimmylee

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:

jimmylee

Verifying that "jimlee.id" is my Blockstack ID. https://onename.com/jimlee

jimmylee

// 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);

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:

jimmylee

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
    });

jimmylee

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