r3nya

// Place your settings in this file to overwrite the default settings
{
    "editor.fontFamily": "Hack",
    "editor.fontSize": 13,
    "workbench.activityBar.visible": false,
    "files.exclude": {
        "**/.git": true,
        "**/.svn": true,
        "**/.hg": true,
        "**/.DS_Store": true,

r3nya

#!/bin/bash

for file in $(git diff --cached --name-only | grep -E '\.(js|jsx)$')
do
  git show ":$file" | node_modules/.bin/eslint --stdin --stdin-filename "$file" # we only want to lint the staged changes, not any un-staged changes
  if [ $? -ne 0 ]; then
    echo "ESLint failed on staged file '$file'. Please check your code and try again. You can run ESLint manually via npm run eslint."
    exit 1 # exit with failure status
  fi
done

r3nya

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

r3nya

server {
  server_name example.com www.example.com;
  root /var/www/pub;
}

server {
  server_name ~^(.*)\.example\.com$ ;
  root /var/www/pub/$1;
}

r3nya

variables:
  COMMON_DIRECTOTY: /var/www/frontend
  STATIC_DIRECTORY: $COMMON_DIRECTOTY/static

before_script:
  - npm set progress=false
  - npm install --silent

stages:
  - build

r3nya

r3nya

[alias]
	st = status --short --branch
	last = log --numstat -1
	aa = add --all
	bv = branch -vv
	ba = branch -ra
	filelog = log -u
	fl = log -u
	grep = grep -Ii
	gr = grep -Ii

r3nya

var runSequence = require('run-sequence');

gulp.task('some-task', function() {
	runSequence(
		['task-1', 'task-2', 'task-3'], // These 3 can be done in parallel
		'task-4', // ...then just do this
		['task-5', 'task-5'], // ...then do these things in parallel
		'task-6', // ...then do this
		// ....
	);

r3nya

{
  "presets": ["react", "es2015", "stage-0"],
  "plugins": ["transform-decorators-legacy"],
  "env": {
    "development": {
      "presets": ["react-hmre"]
    }
  }
}

r3nya

import React, { PropTypes, Component, cloneElement, Children } from 'react';
import classNames from 'classnames';
import styles from './Fullscreen.scss';

export default class Fullscreen extends Component {

  static propTypes = {
    children: PropTypes.node,
    scroll: PropTypes.boolean
  };