davidfurlong

// Spec http://www.ecma-international.org/ecma-262/6.0/#sec-json.stringify
const replacer = (key, value) =>
	value instanceof Object && !(value instanceof Array) ? 
		Object.keys(value)
		.sort()
		.reduce((sorted, key) => {
			sorted[key] = value[key];
			return sorted 
		}, {}) :
		value;

davidfurlong

Make it real

Ideas are cheap. Make a prototype, sketch a CLI session, draw a wireframe. Discuss around concrete examples, not hand-waving abstractions. Don't say you did something, provide a URL that proves it.

Ship it

Nothing is real until it's being used by a real user. This doesn't mean you make a prototype in the morning and blog about it in the evening. It means you find one person you believe your product will help and try to get them to use it.

Do it with style

davidfurlong

import React from 'react';
import { Tabs } from 'antd';
import PropTypes from 'prop-types';
import { browserHistory } from 'react-router';

function isLeftClickEvent(event) {
  return event.button === 0;
}

function isModifiedEvent(event) {

davidfurlong

{
	"name": "bookshelf-bug",
	"version": "0.1.0",
	"dependencies": {
		"bookshelf": "*",
		"bluebird": "*",
		"knex": "*",
		"sqlite3": "*"
	}
}

davidfurlong

import React from 'react';

const withPageDimensions = WrappedComponent => 
  class PageDimensions extends React.Component {
    constructor(props) {
      super(props);
      this.state = {
        width: 0,
        height: 0
      };

davidfurlong

// React-router 4 doesn't support 'exact' redirects. Very annoying. This fixes that.
import React from 'react';
import { Route, Redirect } from 'react-router-dom';

const RedirectExact = ({ from, to }) => (
  <Route exact path={from} render={() => (
    <Redirect from={from} to={to} />
  )} />
);

davidfurlong

import React from 'react';
import { Tabs } from 'antd';
import PropTypes from 'prop-types';
import { withRouter } from 'react-router-dom';

const propTypes = {
  history: PropTypes.any,
  location: PropTypes.any,

  action: PropTypes.oneOf(['push', 'replace']).isRequired,

davidfurlong

// ScrollToTop.js
import React from 'react';
import { withRouter } from 'react-router-dom';

class ScrollToTop extends React.Component {
  componentDidUpdate(prevProps) {
    if (prevProps.location && this.props.location !== prevProps.location &&
      !(this.props.location.state && this.props.location.state.resetScroll === false)) {
      window.scrollTo(0, 0);
    }

davidfurlong

0. Make sure your Postgres version is the same as the heroku one (even minor version) 
1. Download heroku backup
2. Add .dump extension to the file
3. Run 
$ pg_restore -f mydatabase.sql mydatabase.dump 
to convert sql dump to sql.
4. Find the 'Owner' name in the file and replace all with your localhost Owner (find by using \l and finding the owner of local database's Name)
5. psql databasename
6. \i mydatabasedump.sql

davidfurlong

#!/bin/bash

timestamp=$(date +%Y-%m-%d-%H-%M-%S)
read -p "When merged, this commit will: " msg
git checkout -b patch-$timestamp &&
git add ../ &&
git commit -m "$msg" &&
hub pull-request -p -m "$msg" &&
git checkout dev && 
echo "Successfully commited, opened PR for branch $msg and switched back to dev"