Added new github base urls in package.json. Added example for default exports.

Author: weblogixx

.eslintrc

@@ -10,6 +10,7 @@
     "comma-dangle": 0,
     "padded-blocks": 0,
     "react/prefer-stateless-function": 0,
+    "react/jsx-filename-extension": 0,
     "no-underscore-dangle": [ "error", { "allowAfterThis": true }],
     "import/no-unresolved": ["error", {
         "ignore": [

package.json

@@ -2,7 +2,7 @@
   "name": "react-webpack-template",
   "version": "2.0.1-4",
   "description": "React Webpack Starter Kit",
-  "main": "src/index.js",
+  "main": "src/exports.js",
   "scripts": {
     "start": "npm run serve:dev",
     "test": "karma start",
@@ -20,7 +20,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://weblogixx@github.com/weblogixx/react-webpack-template.git"
+    "url": "https://github.com/react-webpack-generators/react-webpack-template.git"
   },
   "keywords": [
     "React",
@@ -34,9 +34,9 @@
   "author": "Christian Schilling (cs@weblogixx.de)",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/weblogixx/react-webpack-template/issues"
+    "url": "https://github.com/react-webpack-generators/react-webpack-template/issues"
   },
-  "homepage": "https://github.com/weblogixx/react-webpack-template#readme",
+  "homepage": "https://github.com/react-webpack-generators/react-webpack-template#readme",
   "devDependencies": {
     "babel-core": "^6.7.6",
     "babel-eslint": "^6.0.4",
@@ -51,12 +51,12 @@
     "copyfiles": "^1.0.0",
     "css-loader": "^0.23.1",
     "enzyme": "^2.2.0",
-    "eslint": "^2.8.0",
-    "eslint-config-airbnb": "^9.0.0",
+    "eslint": "^3.0.0",
+    "eslint-config-airbnb": "^10.0.0",
     "eslint-loader": "^1.3.0",
     "eslint-plugin-import": "^1.4.0",
-    "eslint-plugin-jsx-a11y": "^1.0.0",
-    "eslint-plugin-react": "^5.0.0",
+    "eslint-plugin-jsx-a11y": "^2.0.0",
+    "eslint-plugin-react": "^6.0.0",
     "file-loader": "^0.9.0",
     "isparta-loader": "^2.0.0",
     "karma": "^1.0.0",
@@ -69,7 +69,7 @@
     "karma-sinon": "^1.0.5",
     "karma-sourcemap-loader": "^0.3.7",
     "karma-webpack": "^1.7.0",
-    "mocha": "^2.4.5",
+    "mocha": "^3.0.0",
     "null-loader": "^0.1.1",
     "phantomjs-prebuilt": "^2.1.7",
     "react-addons-test-utils": "^15.0.1",

src/components/App.js

@@ -1,14 +1,13 @@
 import React from 'react';
+import YeomanImage from './YeomanImage';
 import './app.css';
 
-const yeomanImage = require('../images/yeoman.png');
-
 class AppComponent extends React.Component {
 
   render() {
     return (
       <div className="index">
-        <img src={yeomanImage} alt="Yeoman Generator" />
+        <YeomanImage />
         <div className="notice">
           Please edit <code>src/components/App.js</code> to get started!
         </div>

src/components/YeomanImage.js

@@ -0,0 +1,8 @@
+import React from 'react';
+
+const yeomanImage = require('../images/yeoman.png');
+
+const YeomanImage = () => (<img src={yeomanImage} alt="Yeoman Generator" />);
+YeomanImage.displayName = 'YeomanImage';
+
+export default YeomanImage;

src/exports.js

@@ -0,0 +1,7 @@
+// Default export. Please add your own components you want to export here!
+import YeomanImage from './components/YeomanImage';
+
+export { YeomanImage };
+export default {
+  YeomanImage
+};

test/.eslintrc

@@ -1,5 +1,8 @@
 {
   "globals": {
     "expect": true
+  },
+  "rules": {
+    "import/no-extraneous-dependencies": 0
   }
 }

test/components/YeomanImageTest.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import YeomanImage from 'components/YeomanImage';
+
+describe('<YeomanImage />', () => {
+
+  it('should render an image tag', () => {
+
+    const component = shallow(<YeomanImage />);
+    expect(component.find('img').length).to.equal(1);
+  });
+});