updating docs

Luke Marsh · Luke Marsh · commit 823425f26762 · 2016-11-02T14:30:39.000Z
diff --git a/docs/general/README.md b/docs/general/README.md
@@ -12,7 +12,6 @@ efficient tooling and cleanest project structure.
 - [**CLI Commands**](commands.md)
 - [Tool Configuration](files.md)
 - [Server Configurations](server-configs.md)
-- [Deployment](deployment.md) *(currently Heroku specific)*
 - [FAQ](faq.md)
 - [Gotchas](gotchas.md)
 
diff --git a/docs/general/deployment.md b/docs/general/deployment.md
diff --git a/docs/general/faq.md b/docs/general/faq.md
@@ -62,10 +62,10 @@ In development mode CSS sourcemaps require that styling is loaded by blob://,
 resulting in browsers resolving font files relative to the main document.
 
 A way to use local webfonts in development mode is to add an absolute
-output.publicPath in webpack.dev.babel.js, with protocol.
+output.publicPath in webpack.dev.js, with protocol.
 
 ```javascript
-// webpack.dev.babel.js
+// webpack.dev.js
 
 output: {
   publicPath: 'http://127.0.0.1:3000/',
@@ -135,57 +135,6 @@ export default [
 ];
 ```
 
-## Using this boilerplate with WebStorm
-
-WebStorm is a powerful IDE, and why not also use it as debugger tool? Here is the steps
-
-1.  [Install JetBrain Chrome Extension](https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji)
-2.  [Setting up the PORT](https://www.jetbrains.com/help/webstorm/2016.1/using-jetbrains-chrome-extension.html)
-3.  Change WebPack devtool config to `source-map` [(This line)](https://github.com/mxstbr/react-boilerplate/blob/56eb5a0ec4aa691169ef427f3a0122fde5a5aa24/internals/webpack/webpack.dev.babel.js#L65)
-4.  Run web server (`npm run start`)
-5.  Create Run Configuration (Run > Edit Configurations)
-6.  Add new `JavaScript Debug`
-7.  Setting up URL
-8.  Start Debug (Click the green bug button)
-9.  Edit Run Configuration Again
-10.  Mapping Url as below picture
-    * Map your `root` directory with `webpack://.` (please note the last dot)
-    * Map your `build` directory with your root path (e.g. `http://localhost:3000`)
-11.  Hit OK and restart debugging session
-
-![How to debug using WebStorm](webstorm-debug.png)
-
-### Troubleshooting
-
-1. You miss the last `.` (dot) in `webpack://.`
-2. The port debugger is listening tool and the JetBrain extension is mismatch.
-
-### Enable ESLint
-
-ESLint help making all developer follow the same coding format. Please also setting up in your IDE, otherwise, you will fail ESLint test.
-1. Go to WebStorm Preference
-2. Search for `ESLint`
-3. Click `Enable`
-
-![Setting up ESLint](webstorm-eslint.png)
-
-## Use CI with bitbucket pipelines
-
-Your project is on bitbucket? Take advantage of the pipelines feature (Continuous Integration) by creating a 'bitbucket-pipelines.yml' file at the root of the project and use the following code to automatically test your app at each commit:
-
-```YAML
-image: gwhansscheuren/bitbucket-pipelines-node-chrome-firefox
-
-pipelines:
-  default:
-    - step:
-        script:
-          - node --version
-          - npm --version
-          - npm install
-          - npm test
-```
-
 ## I'm using Node v0.12 and the server doesn't work?
 
 We settled on supporting the last three major Node.js versions for the boilerplate – at the moment
diff --git a/docs/general/files.md b/docs/general/files.md
@@ -11,9 +11,8 @@ they do.
 
 * `.gitignore`: Tells `git` to ignore certain files and folders which don't need to be version controlled, like the build folder.
 
-* `.travis.yml` and `appveyor.yml`: Continuous Integration configuration<br/>
-  This boilerplate uses [Travis CI](https://travis-ci.com) for Linux environments
-  and [AppVeyor](https://www.appveyor.com/) for Windows platforms, but feel free
+* `.travis.yml`: Continuous Integration configuration<br/>
+  This boilerplate uses [Travis CI](https://travis-ci.com) for Linux environments, but feel free
   to swap either out for your own choice of CI.
 
 * `package.json`: Our `npm` configuration file has three functions:
diff --git a/docs/general/webstorm-debug.png b/docs/general/webstorm-debug.png
diff --git a/docs/general/webstorm-eslint.png b/docs/general/webstorm-eslint.png
diff --git a/docs/js/README.md b/docs/js/README.md
@@ -23,7 +23,6 @@ add new parts of your application!
 - [ImmutableJS](immutablejs.md)
 - [reselect](reselect.md)
 - [redux-saga](redux-saga.md)
-- [react-intl](i18n.md)
 - [routing](routing.md)
 
 ## Architecture: `components` and `containers`
diff --git a/docs/js/i18n.md b/docs/js/i18n.md
diff --git a/docs/js/redux-saga.md b/docs/js/redux-saga.md
@@ -71,7 +71,3 @@ getComponent(nextState, cb) {
 ```
 
 Now add as many sagas to your `sagas.js` file as you want!
-
----
-
-_Don't like this feature? [Click here](remove.md)_
diff --git a/docs/js/remove.md b/docs/js/remove.md
diff --git a/docs/js/reselect.md b/docs/js/reselect.md
@@ -72,7 +72,3 @@ export {
   selectMyState,
 };
 ```
-
----
-
-_Don't like this feature? [Click here](remove.md)_
diff --git a/src/web/components/Img/index.js b/src/web/components/Img/index.js
@@ -7,11 +7,9 @@
 
 import React, { PropTypes } from 'react';
 
-function Img(props) {
-  return (
-    <img className={props.className} src={props.src} alt={props.alt} />
-  );
-}
+const Img = (props) => (
+  <img className={props.className} src={props.src} alt={props.alt} />
+);
 
 // We require the use of src and alt, only enforced by react in dev mode
 Img.propTypes = {
diff --git a/src/web/components/List/index.js b/src/web/components/List/index.js
@@ -2,7 +2,7 @@ import React from 'react';
 
 import styles from './styles.css';
 
-function List(props) {
+const List = (props) => {
   const ComponentToRender = props.component;
   let content = (<div></div>);
 
@@ -23,7 +23,7 @@ function List(props) {
       </ul>
     </div>
   );
-}
+};
 
 List.propTypes = {
   component: React.PropTypes.func.isRequired,
diff --git a/src/web/components/ListItem/index.js b/src/web/components/ListItem/index.js
@@ -2,15 +2,13 @@ import React from 'react';
 
 import styles from './styles.css';
 
-function ListItem(props) {
-  return (
-    <li className={props.className || styles.item}>
-      <div className={styles.itemContent}>
-        {props.item}
-      </div>
-    </li>
-  );
-}
+const ListItem = (props) => (
+  <li className={props.className || styles.item}>
+    <div className={styles.itemContent}>
+      {props.item}
+    </div>
+  </li>
+);
 
 ListItem.propTypes = {
   className: React.PropTypes.string,
diff --git a/src/web/components/LoadingIndicator/index.js b/src/web/components/LoadingIndicator/index.js
@@ -2,25 +2,23 @@ import React from 'react';
 
 import styles from './styles.css';
 
-function LoadingIndicator() {
-  return (
-    <div>
-      <div className={styles['sk-fading-circle']}>
-        <div className={styles.skCircle}></div>
-        <div className={styles['sk-circle2']}></div>
-        <div className={styles['sk-circle3']}></div>
-        <div className={styles['sk-circle4']}></div>
-        <div className={styles['sk-circle5']}></div>
-        <div className={styles['sk-circle6']}></div>
-        <div className={styles['sk-circle7']}></div>
-        <div className={styles['sk-circle8']}></div>
-        <div className={styles['sk-circle9']}></div>
-        <div className={styles['sk-circle10']}></div>
-        <div className={styles['sk-circle11']}></div>
-        <div className={styles['sk-circle12']}></div>
-      </div>
+const LoadingIndicator = () => (
+  <div>
+    <div className={styles['sk-fading-circle']}>
+      <div className={styles.skCircle}></div>
+      <div className={styles['sk-circle2']}></div>
+      <div className={styles['sk-circle3']}></div>
+      <div className={styles['sk-circle4']}></div>
+      <div className={styles['sk-circle5']}></div>
+      <div className={styles['sk-circle6']}></div>
+      <div className={styles['sk-circle7']}></div>
+      <div className={styles['sk-circle8']}></div>
+      <div className={styles['sk-circle9']}></div>
+      <div className={styles['sk-circle10']}></div>
+      <div className={styles['sk-circle11']}></div>
+      <div className={styles['sk-circle12']}></div>
     </div>
-  );
-}
+  </div>
+);
 
 export default LoadingIndicator;
diff --git a/src/web/containers/App/tests/index.test.js b/src/web/containers/App/tests/index.test.js
@@ -6,13 +6,6 @@ import { shallow } from 'enzyme';
 import React from 'react';
 
 describe('<App />', () => {
-  it('should render the logo', () => {
-    const renderedComponent = shallow(
-      <App />
-    );
-    expect(renderedComponent.find('Img').length).toEqual(1);
-  });
-
   it('should render its children', () => {
     const children = (<h1>Test</h1>);
     const renderedComponent = shallow(
