Very important!

Note, if you haven't already, you must install eslint,and babel-eslint alongside eslint-loader. Otherwise, you'll get an error from your npm start script.

npm install eslint babel-eslint eslint-loader

For situations where you don't want to generate index.html

Force your dev environment to watch updates to your webpack config!

IMPORTANT CAVEAT - If using Websockets and WDS proxying take note!

Why you should prefer hot module replacement in a React development context: a full refresh, the kind your standard webpack-dev-server defaults to, will obliterate application state in React!

Hot module replacement (HMR) and CSS (or LESS/SASS)

Trailing commas in recent ES6 code has a purpose, and this is it. JS has supported trailing commas in array literals from the outset but with recent versions of the language, it has expanded support for them, in object literals (ECMAScript 5) and function parameters (ES 2017). The main use here, it seems, is cleaner diffs for code. There are caveats and gotchas. See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Trailing_commas

If you've followed the tutorial thusfar you will note that there is no 'start' script. npm run dev should work here!

Note, in newer versions of the router, this won't work because a route can only contain one child. Try wrapping the two routes in a <switch>:</switch>

  <Switch>
    <Route exact path="/" component={ List } />
    <Route path="/react" component={Detail}  />
  </Switch>

In recent versions, useRouterHistory() throws an error. Assuming you imported createHashHistory as follows:

import { createHashHistory } from 'history';

Try this:

const appHistory = createHashHistory()

In newer versions of React, this won't work without a history prop and hashHistory. Depending on how you import hashHistory, the code will look something like this:

let hashHistory = createHashHistory();

<Router history={hashHistory}>
    <Route path="/" component={ Detail } />
</Router>,

Note the errors here. Rather than:

commit.author

It should be:

commit.commit.author

You may run into problems if you don't install webpack-dev-server globally. If you must, as you will have to on many Linux systems, the command is as follows:

sudo npm install --save-dev webpack-dev-server -g

Note you should also add:

const path = require('path'); 

See following comments for rationale.

Again, this will throw errors. The solution utilises 'path' (see comment above). The code should look like this in new versions of webpack:

path: path.resolve(__dirname, 'dist')

In newer versions of Webpack, this is disallowed. It should be:

loader: 'react-hot-loader!babel-loader'

This approach has been deprecated. Here is how it works now:

webpack ./entry.js bundle.js --module-bind 'css=style-loader!css-loader'

Lifecycle hooks, not controllers.

VERY IMPORTANT CAVEAT!

If foundation-apps new command doesn't work try the following:

foundation new

Add jQuery in the console!

Here's the solution to the problem of binding an input and a title in the context of an Ionic view. It boils down to scope!

Ui-Bootstrap - easy to forget this one. Keep an eye out for it!

Re: APOD, note that Ionic doesn't recommend the use of resolve. This is the best argument not to!

How to enable Scripting Tools in Renoise Tools menu

If you are using WampServer locally, copy the Wordpress directory to the www directory of your WampServer installation. To find out where that is, click on the WampServer icon in the system tray (notification area in Windows 7), and then click on the 'www directory' listing in the menu. Once where you know where that is, you can copy and paste it to that location. There are other options, but this is the most convenient to get up and running with WordPress quickly.

For Windows users: if you get errors during this process it is likely because you tried to execute cabal install tidal from the standard Windows command line. Some of the tools in the Linux toolchain are required. Download and install MingW64 or git for Windows which comes with a bash-like shell that should have everything you need built in! Enjoy!

This worked well for me with a Dell Vostro 3550 and Ubuntu Server 14.04.4 virtualised inside VirtualBox (Version 5.0.16 r105871). When you run this command, the shell will present the configurator and the choices this user recommends are valid mostly. By contrast, I chose the Dell SK-8125 as a reasonably close match to the Vostro 3550. I also set the left Alt key to function as the AltGr key and this solved the problem. Now, if I want to type the pipe ( | ) character, I use the key combination

ALT+~

This is not the most intuitive solution; but it works!

Ionic installs bower components (bower packages) into the project's lib folder:

www/lib 

This behaviour is defined in the projects .bowerrc file, which looks like this:

{
  "directory": "www/lib"
}

The project .bowerrc file may be found at the same level as the www folder.

Note that if you install angular-chart this way, you don't need to install Chart.js separately; it is one of the dependencies that bower will install for you. Of course, you must include the script tag that references the Chart.js file as usual!

Finally, if you want to link angular-chart.css you must follow the same procedure.

[Lyx ver.2.1.4/Win7 Pro] To use this: go to Document > Settings > LaTeX Preamble and paste just this line into the corresponding text box. Lyx will add this to the underlying document preamble and this removes those ugly borders around clickable hyperlinks, and citation indices.

After a recent power outage, a call to 'git status' returned this:

fatal: Not a git repository (or any of the parent directories): .git

When I inspected .git/HEAD, it was filled with what looked like binary code, rather than a string like:

ref: refs/heads/master

or

ref: refs/heads/develop

This:

echo 'ref: refs/heads/develop' > ./git/HEAD

did the trick!