burtyish

// require -> import
([\w{},]+)[\s]?=[\s]?require[\s]?[(]?['"]([\w\/.-]+)['"][)]?
import $1 from '$2';

// module.exports -> export default
module.exports[\s]?=[\s]?([\w]+)
export default $1;

// @ -> this.
@

burtyish

The waitFor function wraps a component. This component will be rendered only once all promises in the promises iterable are resolved.

Options:

• meanwhile: A react node which will be rendered until promises are resolved.
• error: A react ndoe to be renderd in case any of the promises are rejected.

This is my first attempt at a higher-order component, inspired by Dan Abramov's post.

burtyish

import React from 'react';
import _ from 'lodash';

const UserVoiceTrigger = React.createClass({

  propTypes: {
    id: React.PropTypes.string.isRequired
  },

  getDefaultProps() {

burtyish

/* Based on http://www.html5rocks.com/en/tutorials/pagevisibility/intro/ */

class PageVisibilityService {
  constructor(store) {
    this.store = store;
    this.prop = this.getHiddenProp();
    this.register();
  }

  getHiddenProp(){

burtyish

burtyish

1. Redux course by Dan Abramov: https://egghead.io/series/getting-started-with-redux
2. Help understand the app's state, install redux devtools chrome extension
3. Crazy big collection of resources

burtyish

import React from 'react';

interface IProps {
}

export class {$NAME} extends React.Component<IProps, IState> {
    public render() {
        return (
        
        );

burtyish

body.rtl #intercom-container .intercom-app.intercom-app-left-aligned [class^=intercom-] {
    right: auto;
}

burtyish

#!/bin/sh
# Place this file in the `.git/hooks` directory

HITS=0
for FILE in `git diff origin/HEAD --name-only`; do
    grep 'TODO' $FILE 2>&1 >/dev/null
    if [ $? -eq 0 ]; then
        echo 'New TODO found in file: ' $FILE
        ((HITS++))
        exit 1

burtyish

alias gbD="git branch -D "
alias gcom="git checkout origin/master"