Merge pull request #1 from lighthouse-labs/master

Author: nolotz

.eslintrc

@@ -1,13 +1,14 @@
 {
- "ecmaFeatures": {
- "jsx": true,
- "modules": true
+ "parserOptions": {
+ "sourceType": "module",
+ "ecmaFeatures": {
+ "jsx": true
+ }
  },
  "env": {
  "browser": true,
  "node": true
  },
- "parser": "babel-eslint",
  "rules": {
  "quotes": [2, "single"],
  "strict": [2, "never"],
@@ -17,5 +18,6 @@
  },
  "plugins": [
  "react"
- ]
+ ],
+ "extends": ["eslint:recommended", "plugin:react/recommended"]
 }

README.md

@@ -5,23 +5,40 @@ A minimal and light dev environment for ReactJS.
 
 ### Usage
 
+Clone the boilerplate and create your own git repo.
+
+```
+git clone git@github.com:lighthouse-labs/react-simple-boilerplate.git
+git remote rm origin
+git remote add origin [YOUR NEW REPOSITORY]
+# Manually update your package.json file
+```
+
+Install the dependencies and start the server.
+
 ```
 npm install
 npm start
 open http://localhost:3000
 ```
 
+### Static Files
+
+You can store static files like images, fonts, etc in the `build` folder.
+
+For example, if you copy a file called my_image.png into the build folder you can access it using `http://localhost:3000/build/my_image.png`.
+
 ### Linting
 
 This boilerplate project includes React ESLint configuration.
 
 ```
-npm run test
+npm run lint
 ```
 
 ### Dependencies
 
 * React
 * Webpack
 * [babel-loader](https://github.com/babel/babel-loader)
-* [webpack-dev-server](https://github.com/webpack/webpack-dev-server)
+* [webpack-dev-server](https://github.com/webpack/webpack-dev-server)

build/.gitkeep

@@ -3,7 +3,7 @@
  "version": "1.0.0",
  "description": "Simple and lightweight Boilerplate for ReactJS projects",
  "scripts": {
- "test": "eslint src",
+ "lint": "eslint src",
  "start": "node server.js"
  },
  "repository": {
@@ -26,18 +26,22 @@
  },
  "homepage": "https://github.com/noahlotzer/react-simple-boilerplate",
  "devDependencies": {
- "babel-core": "^6.0.20",
- "babel-eslint": "^4.1.3",
- "babel-loader": "^6.0.1",
- "babel-preset-es2015": "^6.0.15",
- "babel-preset-react": "^6.0.15",
- "babel-preset-stage-0": "^6.0.15",
- "eslint-plugin-react": "^3.6.2",
- "webpack": "^1.12.2",
- "webpack-dev-server": "^1.12.1"
+ "babel-core": "6.10.4",
+ "babel-loader": "6.0.1",
+ "babel-preset-es2015": "6.9.0",
+ "babel-preset-react": "6.11.1",
+ "babel-preset-stage-0": "6.5.0",
+ "css-loader": "0.23.1",
+ "eslint": "2.7.0",
+ "eslint-plugin-react": "5.2.2",
+ "node-sass": "3.8.0",
+ "sass-loader": "4.0.0",
+ "style-loader": "0.13.1",
+ "webpack": "1.13.1",
+ "webpack-dev-server": "1.14.1"
  },
  "dependencies": {
- "react": "^0.14.0",
- "react-dom": "^0.14.0"
+ "react": "15.2.1",
+ "react-dom": "15.2.1"
  }
 }

package.json

@@ -5,10 +5,10 @@ var config = require('./webpack.config');
 new WebpackDevServer(webpack(config), {
  publicPath: config.output.publicPath
  })
- .listen(3000, 'localhost', function (err, result) {
+ .listen(3000, '0.0.0.0', function (err, result) {
  if (err) {
  console.log(err);
  }
 
- console.log('Running at http://localhost:3000');
+ console.log('Running at http://0.0.0.0:3000');
  });

server.js

@@ -0,0 +1,10 @@
+import React, {Component} from 'react';
+
+class App extends Component {
+ render() {
+ return (
+ <h1>Hello React :)</h1>
+ );
+ }
+}
+export default App;

src/App.js

@@ -0,0 +1,11 @@
+// Application entrypoint.
+
+// Load up the application styles
+require("../styles/application.scss");
+
+// Render the top-level React component
+import React from 'react';
+import ReactDOM from 'react-dom';
+import App from './App.jsx';
+
+ReactDOM.render(<App />, document.getElementById('react-root'));

src/App.jsx

@@ -0,0 +1,2 @@
+// This is the top-level scss file. Import all other files in here.
+@import 'home';