Skip to content

Instantly share code, notes, and snippets.

Avatar

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)`
${Mixins.Shadow}
${Mixins.BackgroundColor}
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 https://hyper.is#cfg 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
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 https://codesandbox.io/s/pymqjk7nkj
import React, { Component } from 'react';
class One extends Component {
constructor(props) {
super(props);
this.methodOne = this.methodOne.bind(this);
this.state = {
clicked: false
@ortonomy
ortonomy / gist:687e9985113aa6aabd8fd87840f6bcf4
Created Feb 6, 2018 — forked from chuckwagoncomputing/gist:4234127
pbcopy ssh public key to your clipboard
View gist:687e9985113aa6aabd8fd87840f6bcf4
#pbcopy < ~/.ssh/id_rsa.pub
#or
cat ~/.ssh/id_rsa.pub | pbcopy
@ortonomy
ortonomy / postgres-cheatsheet.md
Created Aug 31, 2017 — forked from Kartones/postgres-cheatsheet.md
PostgreSQL command line cheatsheet
View postgres-cheatsheet.md

PSQL

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
ortonomy / index.html
Created Aug 17, 2017
HTML5 Boilerplate for every new page
View index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<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'

You can’t perform that action at this time.