jwill9999

{
    "env": {
        "browser": true,
        "node": true,
        "es6": true
    },
    "plugins": ["react", "import"],
    "extends": ["eslint:recommended", "plugin:react/recommended", "plugin:import/errors","plugin:import/warnings"],
    "parserOptions": {
      "ecmaVersion": 6,

jwill9999

var webpack = require("webpack");

module.exports = {
    entry: "./src/js/index.js",
    output: {
        path: "dist/assets",
        filename: "bundle.js",
        publicPath: "assets"
    },
    devServer: {

jwill9999

{
  "name": "react_redux_template",
  "version": "1.0.0",
  "description": "A Template React and  Redux",
  "main": "./dist",
  "scripts": {
    "start": "./node_modules/.bin/webpack-dev-server",
    "build": "weback",
    "prod": "webpack -p"
  },

jwill9999

import React from 'react';
import UserList from '../containers/user-list';
import UserDetails from '../containers/user-detail';
import Nav from './Nav/Nav'
require('../../scss/style.scss');



class Root extends React.Component {
    render() {

jwill9999

import throttle from 'lodash/throttle';

export const loadState = () => {
  try {
      const serializedState = localStorage.getItem('state');
      if(serializedState === null) ? return undefined : return JSON.parse(serializedState)
} 
  catch(err) {
      return undefined
};

jwill9999

import { v4 } from 'node-uuid';


*******EXAMPLE BELOW********** 


export const addTodo = (text) => ({
  type: 'ADD_TODO',
  id: v4()
})

jwill9999

/* preventing default behaviour */

function ActionLink() {
  
  function handleClick(e) {
      e.preventDefault();
      console.log('The link was clicked.');
  }

  return (

jwill9999

render() {
  const isLoggedIn = this.state.isLoggedIn;
  return (
    <div>
      The user is <b>{isLoggedIn ? 'currently' : 'not'}</b> logged in.
    </div>
  );
}

jwill9999

class FlavorForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = {value: 'coconut'};

    this.handleChange = this.handleChange.bind(this);
    this.handleSubmit = this.handleSubmit.bind(this);
  }

  handleChange(event) {

jwill9999

const sleep = ms => new Promise(resolve => setTimeout(resolve, ms))

const asyncValidate = (values/*, dispatch */) => {
  return sleep(1000) // simulate server latency
    .then(() => {
      if ([ 'foo@foo.com', 'bar@bar.com' ].includes(values.email)) {
        throw { email: 'Email already Exists' }
      }
    })
}