title: ReactJS not displaying the HTML in when clicked on View Page Sorce
body: <p>I am new to ReactJS, and I want to build a ReactJS website and futher implement SEO to it. While practicing whenever I click to "View Page Source" option, it does not the display whole html of page, instead it only displays content of <code>index.html</code>. </p>
  
  <p>I tried implementing it with server-side rendering reference from <a href="https://medium.freecodecamp.org/server-side-rendering-your-react-app-in-three-simple-steps-7a82b95db82e" rel="nofollow noreferrer">here,</a></p>
  
  <p>but it didn't worked.</p>
  
  <p>When I build and run this with- <code>npm run build &amp;&amp; npm run start</code>, it gives error :-</p>
  
  <pre><code>  project_frontend@0.1.0 babel /usr/react_projects/project_frontend
  &gt; babel src -d views
  
   { SyntaxError: /usr/react_projects/project_frontend/src/bundle.js: Unexpected token (8:2)
  
     6 | const store = configureStore();
     7 | render(
  &gt;  8 |   &lt;Provider store={store}&gt;
       |   ^
     9 |     &lt;App /&gt;
    10 |   &lt;/Provider&gt;,
    11 |   document.querySelector("#app")
    at Parser.raise (/usr/react_projects/project_frontend/node_modules/@babel/parser/lib/index.js:4028:15)
    at Parser.unexpected (/usr/react_projects/project_frontend/node_modules/@babel/parser/lib/index.js:5343:16)
    at Parser.parseExprAtom (/usr/react_projects/project_frontend/node_modules/@babel/parser/lib/index.js:6432:20)
    at Parser.parseExprSubscripts (/usr/react_projects/project_frontend/node_modules/@babel/parser/lib/index.js:6019:21)
    at Parser.parseMaybeUnary (/usr/react_projects/project_frontend/node_modules/@babel/parser/lib/index.js:5998:21)
    at Parser.parseExprOps (/usr/react_projects/project_frontend/node_modules/@babel/parser/lib/index.js:5907:21)
    at Parser.parseMaybeConditional (/usr/react_projects/project_frontend/node_modules/@babel/parser/lib/index.js:5879:21)
    at Parser.parseMaybeAssign (/usr/react_projects/project_frontend/node_modules/@babel/parser/lib/index.js:5826:21)
    at Parser.parseExprListItem (/usr/react_projects/project_frontend/node_modules/@babel/parser/lib/index.js:7111:18)
    at Parser.parseCallExpressionArguments (/usr/react_projects/project_frontend/node_modules/@babel/parser/lib/index.js:6227:22)
  pos: 234,
  loc: Position { line: 8, column: 2 },
  code: 'BABEL_PARSE_ERROR' }
  npm ERR! code ELIFECYCLE
  npm ERR! errno 1
  npm ERR! project_frontend@0.1.0 babel: `babel src -d views`
  npm ERR! Exit status 1
  npm ERR!
  npm ERR! Failed at the project_frontend@0.1.0 babel script.
  npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
  
  npm ERR! A complete log of this run can be found in:
  npm ERR!     /home/user/.npm/_logs/2018-11-26T04_40_59_532Z-debug.log
  npm ERR! code ELIFECYCLE
  npm ERR! errno 1
  npm ERR! project_frontend@0.1.0 build: `npm run pack &amp;&amp; npm run babel`
  npm ERR! Exit status 1
  npm ERR!
  npm ERR! Failed at the project_frontend@0.1.0 build script.
  npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
  
  npm ERR! A complete log of this run can be found in:
  npm ERR!     /home/user/.npm/_logs/2018-11-26T04_40_59_580Z-debug.log
  </code></pre>
  
  <p>Can anyone please suggest a better way/tutorial to implement this.</p>