Skip to content

Instantly share code, notes, and snippets.

View iammerrick's full-sized avatar

Merrick Christensen iammerrick

536 followers · 26 following
View GitHub Profile
@iammerrick
iammerrick / Button.js
Created March 20, 2025 17:51
Button
import * as React from "react";
export default function Button(props) {
return React.createElement(
"button",
{
onClick: () => {
console.log("Behavior!");
},
},
@iammerrick
iammerrick / app.js
Created July 25, 2019 06:24
Coordinate character states with state machines allowing for async transitions.
const app = new PIXI.Application({ transparent: true });
const { Machine, interpret, send, sendParent, assign } = window.XState;
document.body.appendChild(app.view);
// Invoked child machine
const CharacterMachine = a => {
return Machine({
id: "Kolohe",
initial: "active",
@iammerrick
iammerrick / loaded-in-head.js
Created April 26, 2019 18:15
console.log("Linked From Head");
@iammerrick
iammerrick / url.js
Created April 26, 2019 18:09
console.log('Loaded by a url!');
@iammerrick
iammerrick / spy.js
Last active January 11, 2019 06:24
Determine if a user called "then" on registration promise.
const spyInstance = (on, replace, spy) => {
const _real = on[replace];
on[replace] = function(...args) {
const ret = _real.apply(this, args);
const newRet = spy(args, ret, this);
if (newRet) return newRet;
return ret;
};
};
@iammerrick
iammerrick / concise.js
Created March 16, 2017 22:07
requestIdleCallback(function tick() {
requestIdleCallback(tick);
});
@iammerrick
iammerrick / PanGesture.js
Last active August 31, 2018 16:42
Panning Mobile Web
import React from 'react';
import ReactDOM from 'react-dom';
import { getPointRelativeToElement, getDistanceBetweenPoints } from 'utilities/geometry';
const THRESHOLD = 10;
const pointFromTouch = (touch) => ({ x: touch.clientX, y: touch.clientY });
class PanGesture extends React.Component {
constructor() {
@iammerrick
iammerrick / .vimrc
Created February 27, 2017 04:53
set nocompatible
call plug#begin('~/.vim/plugged')
Plug 'chriskempson/base16-vim'
Plug 'tpope/vim-surround'
Plug 'scrooloose/nerdtree'
Plug 'ctrlpvim/ctrlp.vim'
Plug 'pangloss/vim-javascript'
Plug 'Valloric/YouCompleteMe', { 'do': './install.py --tern-completer' }
Plug 'SirVer/ultisnips'
@iammerrick
iammerrick / NestedRoutes.js
Created February 23, 2017 17:57
React Router 4 is fundamentally different because it allows for nested routes that rely on parent context. This facilitates recursive routes and other B-E-A-UTIFUL things.
import React from 'react'
import {
BrowserRouter as Router,
Route,
Link
} from 'react-router-dom'
const BasicExample = () => (
<Router>
<div>
@iammerrick
iammerrick / DynamicList+Height.js
Last active February 5, 2017 06:40
import React, { Component } from 'react';
import {List, CellMeasurer} from 'react-virtualized';
import moment from 'moment';
const days = 3000;
const today = days / 2;
const daysToShow = 3;
const height = 180;
const rowRenderer = ({