react nbsp

by stephencweiss

HTML

<script src="https://npmcdn.com/@reactivex/rxjs@5.0.0-beta.4/dist/global/Rx.umd.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-with-addons.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react-dom.js"></script>
<div id='app'>
Will render into here
</div>

<div>
<h1>
Strictly HTML
</h1>
<div> leading space</div>
<div>&#32;leading space character entity</div>
<div>&nbsp;leading nbsp character entity</div>
<div>^ starting position</div>
</div>

Babel + JSX

const App = () => {
  return (
    <div>
      <h1>React</h1>
      <div> leading space</div>
      <div>&#32;leading space character entity</div>
      <div>&nbsp;leading nbsp character entity</div>
      <div>^ starting position</div>
    </div>
  );
}

ReactDOM.render(<App />, document.querySelector('#app'))