nufaylr

import React from 'react'

export default class Icon extends React.Component {

  render () {
    const {type, className} = this.props
    return (
      <i 
        className={`fa fa-${type} fa-fw ${className}`}
        {...this.props}

nufaylr

import React from 'react';
import { shallow } from 'enzyme';

const Item = text => <p>Item {text}</p>;

const Composition = ({ showB }) => (
  <p>
    <Item text="A" />
    {showB && <Item text="B" />}
  </p>);

nufaylr

# Show Git Branch
git_branch() {
      git branch 2> /dev/null | sed -e '/^[^*]/d' -e 's/* \(.*\)/(\1)/'
  }

export PS1="[\u@\h \W]\[\033[00;32m\]\$(git_branch)\[\033[00m\]\$ "

nufaylr

const webpack = require('webpack')
const path = require('path')
const cssnano = require('cssnano')

const BASE_PATH = '..'

const resolvePath = subPath => path.resolve(__dirname, `${BASE_PATH}/${subPath}`)

const env = process.env.NODE_ENV || 'development'
/* eslint-disable */

nufaylr

tmux cheatsheet

As configured in my dotfiles.

start new:

tmux

start new with session name:

nufaylr

Tabs and Windows

Function	Shortcut
Fullscreen	⌘+ Enter
Previous Tab	⌘+ Left Arrow
Next Tab	⌘+ Right Arrow
Go to Tab	⌘ + Number
Go to Window	⌘ + Option + Number
Go to Split Pane by Direction	⌘ + Option + Arrow

nufaylr

Inspired by dannyfritz/commit-message-emoji

See also gitmoji.

Commit type	Emoji
Initial commit	🎉 :tada:
Version tag	🔖 :bookmark:
New feature	✨ :sparkles:
Bugfix	🐛 :bug:

nufaylr

PSQL

Magic words:

psql -U postgres

Some interesting flags (to see all, use -h):

• -E: will describe the underlaying queries of the \ commands (cool for learning!)
• -l: psql will list all databases and then exit (useful if the user you connect with doesn't has a default database, like at AWS RDS)

nufaylr

var html = twig({ ref: "user-profile" }).render({
    list: ["a", "b", "c"]
});