Skip to content

Instantly share code, notes, and snippets.

View ericclemmons's full-sized avatar
🏠
Working from home

Eric Clemmons ericclemmons

🏠
Working from home
View GitHub Profile
@puppybits
puppybits / Dockerfile
Last active June 12, 2017 17:37
<10s Docker/NPM build & develop from a docker container
FROM node
RUN mkdir -p /app
WORKDIR /app
# .deps.json will only bust the cache when the package.json dependencies change
COPY .deps.json /app/package.json
RUN npm install
# cache will almost always bust here, but it's only copying files
@ericrasch
ericrasch / restore osx.md
Last active July 29, 2026 05:42
How to reset a Mac: restore your Mac to the original factory settings

Restore your Mac to the original factory settings

  1. Deauthorize your iTunes store account. (You should also deauthorize any third-party apps, such as Photoshop, that are locked to your Mac).
  2. Turn off FileVault (if you are using it).
  3. Sign out of iCloud.
  4. Restart the Mac in Recovery Mode (hold down Command + R key during restart).
  5. Use Disk Utility to erase the hard drive. Click on Disk Utility > Continue. Select the Main volume and click Unmount then Erase). Quit Disk Utility (Disk Utility > Quit Disk Utility).
  6. Click Reinstall OS X and Continue. Follow the instructions to reinstall Mac OS X.

Source: http://www.macworld.co.uk/how-to/mac/how-reset-macbook-restore-your-mac-original-factory-settings-3494564/

@brandondurham
brandondurham / styles.less
Last active August 4, 2026 02:19
Using Operator Mono in Atom
/**
* Using Operator Mono in Atom
*
* 1. Open up Atom Preferences.
* 2. Click the “Open Config Folder” button.
* 3. In the new window’s tree view on the left you should see a file called “styles.less”. Open that up.
* 4. Copy and paste the CSS below into that file. As long as you have Operator Mono SSm installed you should be golden!
* 5. Tweak away.
*
* Theme from the screenshot (http://cdn.typography.com/assets/images/blog/operator_ide2.png):
@itsmepetrov
itsmepetrov / classnames-loader-example.js
Last active June 4, 2018 16:39
This example shows the difference between classNames, classNames/bind and classnames-loader
// This example shows the difference
// between classNames, classNames/bind and classnames-loader
// submit-button.css
/*
:local .className {
color: green;
background: red;
}
@srph
srph / resolve.js
Created October 20, 2015 16:20
resolve wrapper for redux + react resolver
import { resolve } from 'react-resolver';
import store from 'app-store';
/**
* A wrapper to fill in the first argument with a dummy string.
* This helps because we usually don't set it to a prop, but
* to a Reducer.
*
* Also gives us the `dispatch` of the Store (yepee)
*
@tlrobinson
tlrobinson / redux-devtools-separate-window.js
Last active August 20, 2019 23:54
Put the awesome redux-devtools in it's own window so it doesn't obscure or be obscured by your application
// give it a name so it reuses the same window
var win = window.open(null, "redux-devtools", "menubar=no,location=no,resizable=yes,scrollbars=no,status=no");
// reload in case it's reusing the same window with the old content
win.location.reload();
// wait a little bit for it to reload, then render
setTimeout(function() {
React.render(
<DebugPanel top right bottom left >

Hi Zach :D

Modals are funny beasts, usually they are a design cop-out, but that's okay, designers have to make trade-offs too, give 'em a break.

First things first, I'm not sure there is such thing as a "simple" modal that is production ready. Certainly there have been times in my career I tossed out other people's "overly complex solutions" because I simply didn't understand the scope of the problem, and I have always loved it when people who have a branch of experience that I don't take the time

@gaearon
gaearon / ReduxMicroBoilerplate.js
Last active March 26, 2020 00:35
Super minimal React + Redux app
import React, { Component } from 'react';
import { createStore, combineReducers, applyMiddleware, bindActionCreators } from 'redux';
import { provide, connect } from 'react-redux';
import thunk from 'redux-thunk';
const AVAILABLE_SUBREDDITS = ['apple', 'pics'];
// ------------
// reducers
// ------------
@devknoll
devknoll / gist:8b274f1c5d05230bfade
Last active June 13, 2022 00:07
Basic GraphQL example using the GitHub API
import { graphql, GraphQLString, GraphQLInt } from 'graphql';
import { objectType, enumType, schemaFrom, listOf } from 'graphql-schema';
import request from 'promisingagent';
const repositorySortEnum = enumType('RepositorySort')
.value('CREATED', 'created')
.value('UPDATED', 'updated')
.value('PUSHED', 'pushed')
.value('FULL_NAME', 'full_name')
.end();
@MoOx
MoOx / index.js
Last active June 8, 2025 14:14
Export/import github labels
// go on you labels pages
// eg https://github.com/cssnext/cssnext/labels
// paste this script in your console
// copy the output and now you can import it using https://github.com/popomore/github-labels !
var labels = [];
[].slice.call(document.querySelectorAll(".label-link"))
.forEach(function(element) {
labels.push({
name: element.textContent.trim(),