updated configs and readme

Author: mrosata

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2017 Michael Rosata
+Copyright (c) 2017 PacktPublishing and Michael Rosata
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,6 +1,54 @@
 ## Mastering Functional Programming With JavaScript
-### Packt Pub
+##### PacktPub and Michael Rosata
 
-Michael Rosata © 2017
+The code in this repo goes along with the videos in the Packt Publishing "Mastering Functional Programming with JavaScript" course and can be followed along through the different branches of the repo. The master branch will have some of the completed project functionality so that you could use it as a base for practicing your functional programming in the future if you wanted. The other branches are specific to volumes of the course.
 
-The lessons in this course can be followed along through the different branches of this repo. They all build on each other. Sometimes though code from one section might not be included in the branch for the next section because it's no longer needed.
+To follow along with the videos, switch to the corresponding branch for that volume. IE: `git checkout volume-one` will bring you to a version of the project with all the starter files for the "volume one" videos. At the moment only `volume-one` is available.
+
+
+#### Setting Up the Project
+
+You should have [Git](https://git-scm.com/book/en/v2/Getting-Started-Installing-Git) and [Node](https://nodejs.org/en/download/) installed on your computer already. Additionally I recommend using [yarn](https://yarnpkg.org) for package management, but it's not required.
+ 
+ **1** - The first step is to download the project and move into the project directory.
+```bash
+# Clone the repo with either the HTTPS web address
+git clone https://github.com/mrosata/packt-mastering-fp.git
+# or if you have SSH setup for Git
+git clone [email protected]:mrosata/packt-mastering-fp.git
+
+cd packt-mastering-jp
+```
+
+**2** - After you have cloned the repo and changed into the project directory, move to the branch you want to work in and install the project dependencies using either `npm` or `yarn`.
+
+```sh
+git checkout volume-one
+
+# with yarn
+yarn install
+
+# if using NPM to install
+npm install
+```
+
+**3** - When the install is complete, you should be able to run the dev server on `localhost:5000`.
+
+```bash
+# Start dev server through yarn
+yarn serve
+# Or run dev server using 
+npm run serve
+```
+
+
+#### Additional Information
+
+The dev server actually runs on "0.0.0.0:5000", if that is not desirable then you can configure the `HOST` and `PORT` values at the top of the [webpack.config.js](https://github.com/mrosata/packt-mastering-fp/blob/master/webpack.config.js) file. 
+
+The dev server should live reload in the browser anytime you make changes to a file in the "app" directory. Any changes you make to the HTML `build/index.html` file won't trigger a reload, but you shouldn't need to touch that. The main entry file for the project is `app/entry.js`, but rather than working in that file, try to think of `app/index.js` as your "main" file
+
+---
+Michael Rosata<br>
+Packt Publishing<br>
+&copy; 2017

app/entry.js

@@ -7,4 +7,4 @@
  */
 
 import './styles/main.scss';
-import app from './index';
+import './index';

build/index.html

@@ -14,7 +14,7 @@
     <section id="packtPubApp"></section>
 
     <!-- Mastering Functional JavaScript Entry -->
-    <script src="bundle.js" defer></script>
+    <script src="./assets/bundle.js" defer></script>
 
   </body>
 </html>

package.json

@@ -7,7 +7,8 @@
   "license": "MIT",
   "scripts": {
     "build": "webpack ./app/index.js build/bundle.js --progress --colors",
-    "serve": "webpack-dev-server --progress --colors",
+    "serve": "webpack-dev-server --progress --colors --hot",
+    "watch": "webpack --progress --colors --watch",
     "help": "webpack --help --color",
     "bower": "bower"
   },
@@ -16,25 +17,33 @@
     "babel-core": "^6.22.1",
     "babel-loader": "^6.2.10",
     "babel-plugin-transform-exponentiation-operator": "^6.22.0",
-    "babel-plugin-transform-react-jsx": "^6.22.0",
+    "babel-plugin-transform-react-jsx": "^6.23.0",
     "babel-preset-stage-0": "^6.22.0",
     "bootstrap": "^3.3.7",
     "bootstrap-sass": "^3.3.7",
     "css-loader": "^0.27.3",
     "exports-loader": "^0.6.4",
+    "extract-text-webpack-plugin": "^2.1.0",
+    "file-loader": "^0.10.1",
+    "font-awesome-loader": "^1.0.2",
     "imports-loader": "^0.7.1",
     "node-sass": "^4.5.0",
     "postcss-loader": "^1.3.3",
     "precss": "^1.4.0",
     "resolve-url-loader": "^2.0.2",
     "sass-loader": "^6.0.3",
     "style-loader": "^0.14.1",
+    "tether": "^1.4.0",
     "url-loader": "^0.5.8",
+    "virtual-dom": "^2.1.1",
     "webpack": "^2.2.1",
-    "webpack-dev-server": "^2.3.0"
+    "webpack-dev-server": "^2.3.0",
+    "webpack-hot-middleware": "^2.17.1"
   },
   "dependencies": {
     "bootstrap-loader": "^2.0.0",
+    "font-awesome": "^4.7.0",
+    "jquery": "^3.2.1",
     "ramda": "^0.23.0"
   },
   "repository": {

webpack.config.js

@@ -4,16 +4,29 @@ const autoprefixer = require('autoprefixer'),
 
 const {resolve} = path;
 
-const BUILD_DIR = resolve(__dirname, 'build'),
-      APP_DIR   = resolve(__dirname, 'app'),
-      HOST_NAME = '0.0.0.0', // <-- note this will be on local network
-      PORT      = 5000;
+const bootstrapEntryPoints = require('./webpack.bootstrap.config.js');
+
+
+const BUILD_DIR   = resolve(__dirname, 'build'),
+      APP_DIR     = resolve(__dirname, 'app'),
+      ASSETS_DIR  = '/assets',
+      OUTPUT_FILE = 'bundle.js',
+      ENTRY_FILE  = resolve(APP_DIR, 'entry.js'),
+      HOST_NAME   = 'localhost', // <-- will be on local network
+      PORT        = 5000;
 
 module.exports = {
-  entry:     resolve(APP_DIR, 'entry.js'),
+  entry:     [
+    'tether',
+    'font-awesome-loader',
+    bootstrapEntryPoints.dev,
+    ENTRY_FILE
+  ],
+
   output:    {
-    path:     BUILD_DIR,
-    filename: 'bundle.js'
+    path:       BUILD_DIR,
+    filename:   OUTPUT_FILE,
+    publicPath: ASSETS_DIR
   },
   devtool:   'source-map',
   devServer: {
@@ -27,6 +40,7 @@ module.exports = {
     extensions: ['.js', '.jsx']
   },
 
+
   module: {
 
     rules: [{
@@ -57,6 +71,16 @@ module.exports = {
       exclude: /(node_modules)|(bower_components)/,
       loader:  'babel-loader'
     }]
-  }
+  },
+
+  plugins: [
+    new webpack.NoEmitOnErrorsPlugin(),
+    new webpack.ProvidePlugin({
+      'window.Tether': 'tether',
+    }),
+    new webpack.LoaderOptionsPlugin({
+      postcss: [autoprefixer],
+    }),
+  ]
 
 };