Create react directory

index.sh

# Creates a index.js, {ComponentName}.jsx, styled/{ComponentName}.js at specified path
# $1 - Path to create files at
# $2 - Component name
# Example usage:
# crdir "src/components/shared" "Foo"
#
# src/components/shared
#  |-- index.js, Foo.jsx
#  --- styled/
#       |--Foo.js
#
function crdir() {
  mkdir -p "$1/$2/styled"
  touch "$1/$2/"{index.js,$2.jsx,styled/$2.js}
  echo "export { default } from './$2';" >> "$1/$2/index.js"
  cat << EOF > $1/$2/$2.jsx
import React from 'react';
import PropTypes from 'prop-types';

const $2 = () => {};

$2.propTypes = {

};

export default $2;
EOF

  echo "import styled from 'styled-components';" >> "$1/$2/styled/$2.js"
}