joshuacrass

# Display informative Git status in the prompt (e.g., branch name, dirty state, etc.).
set -g __fish_git_prompt_show_informative_status true

# Show color hints in the Git prompt for different Git states (e.g., dirty, staged, conflicted).
set -g __fish_git_prompt_showcolorhints true

# Show verbose information about the upstream status in the Git prompt.
set -g __fish_git_prompt_showupstream verbose

# Colors for various Git states.

joshuacrass

// webpack-dev-config.js

// configuration data related to development only

const path = require("path");
const webpack = require("webpack");
const { merge } = require("webpack-merge");

const paths = require("./paths");
// import common webpack config

joshuacrass

node_modules/
build/

joshuacrass

{
  "scripts": {
    "lint": "eslint src -c .eslintrc.json --ext js,jsx"
  },
  "dependencies": {
    "react": "^16.5.0",
    "react-dom": "^16.5.0"
  },
  "devDependencies": {
    "eslint": "^5.5.0",

joshuacrass

{
  "extends": ["airbnb", "prettier", "prettier/react"],
  "plugins": ["react", "prettier"],
  "rules": {
    "react/jsx-filename-extension": [
      1,
      {
        "extensions": [".js", "jsx"]
      }
    ],

joshuacrass

 "scripts": {
    "build": "yarn clean; webpack --config config/webpack-prod-config.js",
    "clean": "rm -rf build/*",
    "start:dev": "node config/webpack-dev-server.js",
    "start:prod": "yarn build; serve build"
  },

joshuacrass

{
  "name": "react-starter-test-2",
  "version": "1.0.0",
  "main": "index.jsx",
  "license": "MIT",
  "scripts": {
    "build": "yarn clean; webpack --config config/webpack-prod-config.js",
    "clean": "rm -rf build/*",
    "start:dev": "node config/webpack-dev-server.js",
    "start:prod": "yarn build; serve build"

joshuacrass

// @flow
import React from 'react';
import type { Element } from 'react';

type Props = {
  children: string,
};

const Button = (props: Props): Element<'button'> => {
  const { children } = props;

joshuacrass

{
  "extends": ["airbnb", "prettier", "prettier/flowtype", "prettier/react"],
  "plugins": ["flowtype", "react", "prettier"],
  "parser": "babel-eslint",
  "rules": {
    "react/jsx-filename-extension": [
      1,
      {
        "extensions": [".js", "jsx"]
      }

joshuacrass

// @flow
import React from 'react';
import { hot } from 'react-hot-loader';
import Button from 'Components/button';
import style from './app.css';

const App = () => {
  // define the button text and give it a type of string
  const buttonText: string = 'Click Me';