codeocelot

-- Add the following to your init.lua (or create it if it doesn't exist)

local Keyboard = require "keyboard"

Keyboard:init()

codeocelot

import { useState } from 'react';

function useWhy(deps, id = null, logger = console.log) {
  const [prevDeps, setPrevDeps] = useState(deps);
  let changed = false;
  deps.forEach((d, i) => {
    if (d !== prevDeps[i]) {
      changed = true;
      logger(`Why ${id}: dep ${i} has changed from ${prevDeps[i]} to ${d}`);
    }

codeocelot

import { compose } from 'redux';

const ToUpper = (Component) => ({ text }) => <Component text={text.toUpper()} \>

const WithUnderscores = (Component) => ({ text }) => <Component text={text.split(' ').join('_')} />

export default compose(ToUpper, WithUnderscores);

// use like this

codeocelot

class App extends React.Component{
  render = () => <div className="app">{this.props.children}</div>
}
class Greeting extends React.Component{
  render = () => <p style={this.context.style}>Hello world!</p>
}
Greeting.contextTypes = {
  color: React.PropTypes.string,
  backgroundColor: React.PropTypes.string
}

codeocelot

export default class Provider extends Component {
  getChildContext() {
    return { store: this.store }
  }

  constructor(props, context) {
    super(props, context)
    this.store = props.store
  }

codeocelot

componentWillReceiveProps( nextProps, nextContext)

shouldComponentUpdate(nextProps,nextState,nextContext)

componentWillUpdate(nextProps,nextState,nextContext)

componentDidUpdate(prevProps,prevState,prevContext)

codeocelot

const UppercaseHoC = (WrappedComponent) => class extends React.Component{
  render(){
    return(
      <div style="text-transform: uppercase;">
        <WrappedComponent {...this.props} />
      </div>
    )
  }
}

codeocelot

import React from 'react';
import PropTypes from 'prop-types';
const route = 'https://jsonplaceholder.typicode.com/posts';

class AsyncPostHoC extends React.Component{
  constructor(props){
    super(props);
    this.state = {
      isFetching: true,

codeocelot

# What the fuck just happened to this file?
git reflog -p --since=yesterday -- $file

# I forgot my branch name.  What am I working on? 
git for-each-ref --sort=-committerdate refs/heads --format='%(HEAD)%(color:yellow)%(refname:short)|%(color:bold green)%(committerdate:relative)|%(color:blue)%(subject)|%(color:magenta)%(authorname)%(color:reset)'|column -ts'|'

codeocelot

import {Component, PropTypes} from 'react';
import getMuiTheme from './getMuiTheme';

class MuiThemeProvider extends Component {

  static propTypes = {
    children: PropTypes.element,
    muiTheme: PropTypes.object,
  };