Initial commit

manage.py

+#!/usr/bin/env python
+import os
+import sys
+
+if __name__ == "__main__":
+    os.environ.setdefault("DJANGO_SETTINGS_MODULE", "kape.settings")
+    try:
+        from django.core.management import execute_from_command_line
+    except ImportError:
+        # The above import may fail for some other reason. Ensure that the
+        # issue is really that Django is missing to avoid masking other
+        # exceptions on Python 2.
+        try:
+            import django
+        except ImportError:
+            raise ImportError(
+                "Couldn't import Django. Are you sure it's installed and "
+                "available on your PYTHONPATH environment variable? Did you "
+                "forget to activate a virtual environment?"
+            )
+        raise
+    execute_from_command_line(sys.argv)

package.json

+{
+  "name": "kape",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "build": "webpack --config webpack.config.js --progress --colors",
+    "build-production": "webpack --config webpack.prod.config.js --progress --colors",
+    "webpack": "webpack --progress --display-error-details --config webpack.config.js --watch",
+    "watch": "node server.js"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "babel": "^6.5.2",
+    "babel-loader": "^6.2.5",
+    "babel-preset-es2015": "^6.16.0",
+    "babel-preset-stage-1": "^6.16.0",
+    "react": "^15.3.2",
+    "react-hot-loader": "^3.0.0-beta.5",
+    "webpack": "^1.13.2",
+    "webpack-bundle-tracker": "0.0.93",
+    "webpack-dev-server": "^1.16.2"
+  },
+  "dependencies": {
+    "axios": "^0.14.0",
+    "babel-core": "^6.17.0",
+    "babel-preset-react": "^6.16.0",
+    "react-tap-event-plugin": "^2.0.1",
+    "material-ui": "^0.16.0",
+    "react-dom": "^15.3.2"
+  }
+}

requirements.txt

+appdirs==1.4.0
+Django==1.10.5
+django-webpack-loader==0.4.1
+djangorestframework==3.5.4
+packaging==16.8
+pyparsing==2.1.10
+six==1.10.0
\ No newline at end of file

server.js

+let webpack = require('webpack')
+let WebpackDevServer = require('webpack-dev-server')
+let config = require('./webpack.local.config')
+
+new WebpackDevServer(webpack(config), {
+  publicPath: config.output.publicPath,
+  hot: true,
+  inline: true,
+  historyApiFallback: true
+}).listen(3000, '0.0.0.0', function (err, result) {
+  if (err) {
+    console.log(err)
+  }
+
+  console.log('Listening at 0.0.0.0:3000')
+});

webpack-stats.json

+{"status":"done","chunks":{"main":[{"name":"main-9c374636943b76722727.js","path":"C:\\Users\\zmajd\\Documents\\code\\djangoreact\\assets\\bundles\\main-9c374636943b76722727.js"}]}}
\ No newline at end of file

webpack.base.config.js

+var path = require("path")
+var webpack = require('webpack')
+var BundleTracker = require('webpack-bundle-tracker')
+
+module.exports = {
+  context: __dirname,
+
+  entry: [
+      './assets/js/index',
+  ],
+
+  output: {
+      path: path.resolve('./assets/bundles/'),
+      filename: "[name]-[hash].js",
+  },
+
+  plugins: [
+    new BundleTracker({filename: './webpack-stats.json'}),
+  ],
+
+  module: {
+    loaders: [
+      { test: /\.jsx?$/,
+        exclude: /node_modules/,
+        loader: 'babel-loader', // to transform JSX into JS
+        query:
+        {
+          presets:['react', 'es2015']
+        }
+      }
+    ],
+  },
+
+  resolve: {
+    modulesDirectories: ['node_modules', 'bower_components'],
+    extensions: ['', '.js', '.jsx']
+  },
+}

webpack.config.js

+var path = require("path")
+var webpack = require('webpack')
+var BundleTracker = require('webpack-bundle-tracker')
+
+module.exports = {
+  context: __dirname,
+
+  entry: './assets/js/index', // entry point of our app. assets/js/index.js should require other js modules and dependencies it needs
+
+  output: {
+      path: path.resolve('./assets/bundles/'),
+      filename: "[name]-[hash].js",
+  },
+
+  plugins: [
+    new BundleTracker({filename: './webpack-stats.json'}),
+  ],
+
+  module: {
+    loaders: [
+      { test: /\.jsx?$/, 
+        exclude: /node_modules/, 
+        loader: 'babel-loader', // to transform JSX into JS
+        query:
+        {
+          presets:['react', 'es2015', 'stage-1']
+        }
+      }
+    ],
+  },
+
+  resolve: {
+    modulesDirectories: ['node_modules', 'bower_components'],
+    extensions: ['', '.js', '.jsx']
+  },
+}

webpack.local.config.js

+var path = require("path")
+var webpack = require('webpack')
+var BundleTracker = require('webpack-bundle-tracker')
+
+var config = require('./webpack.base.config.js')
+
+// Use webpack dev server
+config.entry = [
+  'webpack-dev-server/client?http://localhost:3000',
+  'webpack/hot/only-dev-server',
+  './assets/js/index'
+]
+
+// override django's STATIC_URL for webpack bundles
+config.output.publicPath = 'http://localhost:3000/assets/bundles/'
+
+// Add HotModuleReplacementPlugin and BundleTracker plugins
+config.plugins = config.plugins.concat([
+  new webpack.HotModuleReplacementPlugin(),
+  new webpack.NoErrorsPlugin(),
+  new BundleTracker({filename: './webpack-stats.json'}),
+])
+
+// Add a loader for JSX files with react-hot enabled
+config.module.loaders.push(
+  { test: /\.jsx?$/,
+    exclude: /node_modules/,
+    loaders: ['react-hot', 'babel-loader?presets[]=es2015,presets[]=react']
+  }
+)
+
+module.exports = config

webpack.prod.config.js

+var webpack = require('webpack')
+var BundleTracker = require('webpack-bundle-tracker')
+
+var config = require('./webpack.base.config.js')
+
+config.output.path = require('path').resolve('./assets/dist')
+
+config.plugins = config.plugins.concat([
+  new BundleTracker({filename: './webpack-stats-prod.json'}),
+
+  // removes a lot of debugging code in React
+  new webpack.DefinePlugin({
+    'process.env': {
+      'NODE_ENV': JSON.stringify('production')
+  }}),
+
+  // keeps hashes consistent between compilations
+  new webpack.optimize.OccurenceOrderPlugin(),
+
+  // minifies your code
+  new webpack.optimize.UglifyJsPlugin({
+    compressor: {
+      warnings: false
+    }
+  })
+])
+
+// Add a loader for JSX files
+config.module.loaders.push(
+  { test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel' }
+)
+
+module.exports = config