weslleyaraujo

const lightenPad = createAction(LIGHTEN_PAD);
const lightenOffPad = createAction(LIGHTEN_OFF_PAD);

lightenPad({ id: 'green' }); // { type: 'LIGHTEN_PAD', payload: { id: 'green' } };
lightenOffPad(); // { type: 'LIGHTEN_OFF_PAD', payload: {} };

function pads(state, action) {
  const { type, payload } = action;
  switch(type) {
    case LIGHTEN_PAD:

weslleyaraujo

import React, { Component } from 'react';
import audios from '../audios';
import { connect } from 'react-redux';

export class Player extends Component {

  componentDidUpdate() {
    const { active } = this.props;
    const player = this.refs[active];
    if (!player) {

weslleyaraujo

{
 pads: [
   {
    id: ‘green’,
    component: ‘GreenPad’,
    active: false
   },
   // More pads here
 ],
 game: {

weslleyaraujo

import styled from ‘styled-components’;

const Score = styled.div`
 /* some styles here … */
 font-size: ${props => props.length <= 2 ? 62 : 45}px;
`;

weslleyaraujo

import color from ‘color’; // a simple color helper library
import styled from ‘styled-components’;
const lighten = from => color(from).lighten(0.333).hexString();
const activeCSS = props => `
 background-color: ${lighten(props.color)} !important;
`;

export const Pad = styled.div`
 /* some styles here … */
 ${(props) => props.active ? activeCSS(props) : ‘’}

weslleyaraujo

tmux shortcuts & cheatsheet

start new:

tmux

start new with session name:

tmux new -s myname

weslleyaraujo

git log --first-parent --pretty=format:'%s' \
  | grep -v '^update changelog' \
  | perl -p -e 's/^((v?[0-9]+\.?)+)$/\n## \1\n/g' \
  | perl -p -e 's/^([^#\s].*)$/* \1/g'

weslleyaraujo

const crashReporter = store => next => action => {
  try {
    return next(action)
  } catch (err) {
    console.error('Caught an exception!', err)
    // capture error somehow here: action, store.getState()
    throw err;
  }
}

weslleyaraujo

(function (root, factory) {

  if (typeof define === 'function' && define.amd) {
    define(['jquery'], factory);
  } else if (typeof exports === 'object') {
    module.exports = factory(require('jquery'));
  } else {
    root.Iffy = factory(root.$);
  }

weslleyaraujo

{
  "private": true,
  "scripts": {
    "build:js": "browserify -e source/scripts/index.js -t [ babelify --optional es7 ] -o public/bundle.js",
    "build:css": "cssnext source/styles/index.css public/bundle.css",
    "build": "npm run js && npm run css",
    "watch:js": "watchy -w source/scripts -- npm run build:js",
    "watch:css": "watchy -w source/styles -- npm run build:css"
  },
  "dependencies": {},