Skip to content

Instantly share code, notes, and snippets.


Gregory Orton ortonomy

View GitHub Profile
View Auth.js
import React from 'react'
import { withRouter } from 'next/router'
export const AuthContext = React.createContext({
isAuthenticated: false,
token: null,
user: null,
View AppContext.js
import React from 'react'
import styled from 'styled-components'
import { version } from '../../../../package.json'
import { FlexContainerPositionable } from '../../../components/common/Layout'
import { SmallLightBoldText } from '../../../components/common/Text'
import * as Mixins from '../../../styles/Mixins'
const VersionContainer = styled(FlexContainerPositionable)`
View city.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View hyper.js
// Future versions of Hyper may add additional config options,
// which will not automatically be merged into this file.
// See for all currently supported options.
module.exports = {
config: {
// choose either `'stable'` for receiving highly polished,
// or `'canary'` for less polished but more frequent updates
updateChannel: 'stable',
View axios.js
export const axios = Axios.create({
baseURL: `${window.location.protocol}//${Connection().PREPSMITH_HOST}`,
withCredentials: true
// axios errors
export const ERRORS = {
AUTH_ERROR: new Error('User not logged in'),
NETWORK_ERROR: new Error('Network error'),
SERVER_ERROR: new Error('Server error'),
ortonomy / propspassing.js
Last active Apr 12, 2018
How to pass methods as props to children and grand-children in react
View propspassing.js
// demo
import React, { Component } from 'react';
class One extends Component {
constructor(props) {
this.methodOne = this.methodOne.bind(this);
this.state = {
clicked: false
ortonomy / gist:687e9985113aa6aabd8fd87840f6bcf4
Created Feb 6, 2018 — forked from chuckwagoncomputing/gist:4234127
pbcopy ssh public key to your clipboard
View gist:687e9985113aa6aabd8fd87840f6bcf4
#pbcopy < ~/.ssh/
cat ~/.ssh/ | pbcopy
ortonomy /
Created Aug 31, 2017 — forked from Kartones/
PostgreSQL command line cheatsheet


Magic words:

psql -U postgres

Some interesting flags (to see all, use -h):

  • -E: will describe the underlaying queries of the \ commands (cool for learning!)
  • -l: psql will list all databases and then exit (useful if the user you connect with doesn't has a default database, like at AWS RDS)
ortonomy / index.html
Created Aug 17, 2017
HTML5 Boilerplate for every new page
View index.html
<!doctype html>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/app.css">
View on-jsx.markdown

Hi Nicholas,

I saw you tweet about JSX yesterday. It seemed like the discussion devolved pretty quickly but I wanted to share our experience over the last year. I understand your concerns. I've made similar remarks about JSX. When we started using it Planning Center, I lead the charge to write React without it. I don't imagine I'd have much to say that you haven't considered but, if it's helpful, here's a pattern that changed my opinion:

The idea that "React is the V in MVC" is disingenuous. It's a good pitch but, for many of us, it feels like in invitation to repeat our history of coupled views. In practice, React is the V and the C. Dan Abramov describes the division as Smart and Dumb Components. At our office, we call them stateless and container components (view-controllers if we're Flux). The idea is pretty simple: components can'