Default Environment for React-Redux-App

nikkaroraa · nikkaroraa · commit d1b7f722d428 · 2017-07-12T10:27:54.000+05:30
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,11 @@
+{
+  "presets": [
+    "es2015",
+    "react"
+  ],
+  "env": {
+    "development": {
+      "presets": []
+    }
+  }
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/README.md b/README.md
@@ -0,0 +1,19 @@
+![](http://i.imgur.com/DUiL9yn.png)
+
+# React/Sass/Redux Boilerplate
+
+[Boilerplate and guide for a React/Sass/Redux build](https://github.com/buckyroberts/React-Redux-Boilerplate).
+
+## Getting Started
+
+To get started, first install all the necessary dependencies.
+```
+> npm install
+```
+
+Start the development server (changes will now update live in browser)
+```
+> npm run start
+```
+
+To view your project, go to: [http://localhost:3000/](http://localhost:3000/)
diff --git a/dev/js/index.js b/dev/js/index.js
@@ -0,0 +1,13 @@
+import 'babel-polyfill';
+import React from 'react';
+import ReactDOM from "react-dom";
+
+class App extends React.Component{
+
+	render(){
+		return (<div>Hello World</div>);
+	}
+}
+
+
+ReactDOM.render(<App />, document.getElementById('root'));
diff --git a/dev/scss/style.scss b/dev/scss/style.scss
@@ -0,0 +1,5 @@
+$primary: #006699;
+
+h2 {
+	color: $primary;
+}
diff --git a/package.json b/package.json
@@ -0,0 +1,42 @@
+{
+  "name": "react-redux-app",
+  "version": "1.0.0",
+  "main": "index.js",
+  "scripts": {
+    "dev": "webpack",
+    "start": "webpack-dev-server"
+  },
+  "license": "ISC",
+  "dependencies": {
+    "babel-core": "^6.10.4",
+    "babel-loader": "^6.2.4",
+    "babel-polyfill": "^6.9.1",
+    "babel-preset-es2015": "^6.9.0",
+    "babel-preset-react": "^6.11.1",
+    "babel-register": "^6.9.0",
+    "cross-env": "^1.0.8",
+    "css-loader": "^0.23.1",
+    "expect": "^1.20.1",
+    "node-libs-browser": "^1.0.0",
+    "node-sass": "^3.8.0",
+    "react": "^15.1.0",
+    "react-addons-test-utils": "^15.1.0",
+    "react-dom": "^15.1.0",
+    "react-redux": "^4.4.5",
+    "redux": "^3.5.2",
+    "redux-logger": "^2.6.1",
+    "redux-promise": "^0.5.3",
+    "redux-thunk": "^2.1.0",
+    "sass-loader": "^4.0.0",
+    "style-loader": "^0.13.1",
+    "webpack": "^1.13.1",
+    "webpack-dev-middleware": "^1.6.1",
+    "webpack-dev-server": "^1.14.1",
+    "webpack-hot-middleware": "^2.11.0"
+  },
+  "devDependencies": {
+    "babel-plugin-react-transform": "^2.0.2",
+    "babel-preset-stage-0": "^6.5.0",
+    "react-transform-hmr": "^1.0.4"
+  }
+}
diff --git a/src/index.html b/src/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>React Webpack</title>
+</head>
+<body>
+
+    <div id="root"></div>
+    <script src="js/bundle.min.js"></script>
+
+</body>
+</html>
diff --git a/src/js/index.js b/src/js/index.js
@@ -0,0 +1,13 @@
+import 'babel-polyfill';
+import React from 'react';
+import ReactDOM from "react-dom";
+
+class App extends React.Component{
+
+	render(){
+		return (<div>Hello World</div>);
+	}
+}
+
+
+ReactDOM.render(<App />, document.getElementById('root'));
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,32 @@
+var path = require('path');
+var webpack = require('webpack');
+
+module.exports = {
+    devServer: {
+        inline: true,
+        contentBase: './src',
+        port: 3000
+    },
+    devtool: 'cheap-module-eval-source-map',
+    entry: './dev/js/index.js',
+    module: {
+        loaders: [
+            {
+                test: /\.js$/,
+                loaders: ['babel'],
+                exclude: /node_modules/
+            },
+            {
+                test: /\.scss/,
+                loader: 'style-loader!css-loader!sass-loader'
+            }
+        ]
+    },
+    output: {
+        path: 'src',
+        filename: 'js/bundle.min.js'
+    },
+    plugins: [
+        new webpack.optimize.OccurrenceOrderPlugin()
+    ]
+};
