Tweak howto

Author: gaearon

template/README.md

@@ -9,7 +9,7 @@ You can find the most recent version of this guide [here](https://github.com/fac
   - [npm start](#npm-start)
   - [npm run build](#npm-run-build)
   - [npm run eject](#npm-run-eject)
-- [How To](#how-to)
+- [Recipes](#recipes)
   - [Displaying Lint Output in the Editor](#displaying-lint-output-in-the-editor)
   - [Installing a Dependency](#installing-a-dependency)
   - [Importing a Component](#importing-a-component)
@@ -18,6 +18,7 @@ You can find the most recent version of this guide [here](https://github.com/fac
   - [Adding Images and Fonts](#adding-images-and-fonts)
   - [Adding Bootstrap](#adding-bootstrap)
   - [Adding Flow](#adding-flow)
+  - [Integrating with a Node Backend](#integrating-with-a-node-backend)
   - [Deploying](#deploying)
   - [Something Missing?](#something-missing)
 
@@ -88,7 +89,7 @@ Instead, it will copy all the configuration files and the transitive dependencie
 
 You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
 
-## How To
+## Recipes
 
 ### Displaying Lint Output in the Editor
 
@@ -128,7 +129,6 @@ npm install -g eslint babel-eslint eslint-plugin-react eslint-plugin-import esli
 
 We recognize that this is suboptimal, but it is currently required due to the way we hide the ESLint dependency. The ESLint team is already [working on a solution to this](https://github.com/eslint/eslint/issues/3458) so this may become unnecessary in a couple of months.
 
-
 ### Installing a Dependency
 
 The generated project includes React and ReactDOM as dependencies. It also includes a set of scripts used by Create React App as a development dependency. You may install other dependencies (for example, React Router) with `npm`:
@@ -316,7 +316,7 @@ Now you are ready to use the imported React Bootstrap components within your com
 
 Flow typing is currently [not supported out of the box](https://github.com/facebookincubator/create-react-app/issues/72) with the default `.flowconfig` generated by Flow. If you run it, you might get errors like this:
 
-```
+```js
 node_modules/fbjs/lib/Deferred.js.flow:60
  60:     Promise.prototype.done.apply(this._promise, arguments);
                            ^^^^ property `done`. Property not found in
@@ -342,7 +342,7 @@ src/index.js:5
 
 To fix this, change your `.flowconfig` to look like this:
 
-```
+```ini
 [libs]
 ./node_modules/fbjs/flow/lib
 
@@ -361,13 +361,17 @@ Re-run flow, and you shouldn’t get any extra issues.
 
 If you later `eject`, you’ll need to replace `react-scripts` references with the `<PROJECT_ROOT>` placeholder, for example:
 
-```
+```ini
 module.name_mapper='^\(.*\)\.css$' -> '<PROJECT_ROOT>/config/flow/css'
 module.name_mapper='^\(.*\)\.\(jpg\|png\|gif\|eot\|svg\|ttf\|woff\|woff2\|mp4\|webm\)$' -> '<PROJECT_ROOT>/config/flow/file'
 ```
 
 We will consider integrating more tightly with Flow in the future so that you don’t have to do this.
 
+### Integrating with a Node Backend
+
+Check out [this tutorial](https://www.fullstackreact.com/articles/using-create-react-app-with-a-server/) for instructions on integrating an app with a Node backend running on another port, and using `fetch()` to access it. You can find the companion GitHub repository [here](https://github.com/fullstackreact/food-lookup-demo).
+
 ### Deploying
 
 #### GitHub Pages