React 16 <noscript> Testing

Basic project to test React 16.1.0-beta and use of the <noscript> tag. Requested by Dan Abramov via Github issue 11423.

Issue

When using Server-Side Rendering (SSR) and a <noscript> tag in a components render method, the following warning is displayed in the console:

Warning: Expected server HTML to contain a matching <img> in <noscript>.

HTML from the SSR (view -> source):

<noscript>
  <img src="https://placeimg.com/300/200/animals" width="300" height="200"/>
</noscript>

HTML from Chrome DevTools:

Notes

• babel config from package.json
• babel compiles to /dist folder
• webpack spits out client js to /public folder

Run

• npm install
• npm run build (babel + webpack)
• npm start
• Visit: http://localhost:8500/

Stephen Last

2017-11-03