React server-side render or static index.html?

Sarkis Arutiunian

How you can see in React manual (ReactDOMServer):

If you call ReactDOM.render() on a node that already has this server-rendered markup, React will preserve it and only attach event handlers, allowing you to have a very performant first-load experience.

So does it mean that if I use static index.html in which I just include my react app js file I don't have to use server-side rendering?

Btw which of react-app architecture better for SEO?

Thanks for you answers!

Grgur

In theory, it's true that you can use static index.html. React will try to render the page on the client side and update your html. This has become much easier to do with React 15 as you no longer need to maintain data-reactid attributes.

Nonetheless, I'd recommend using SSR (server side rendering) because it makes life easier. Granted, it takes effort to set up but it's beneficial. You also get to make use of server side routing, critical path css, and more.

If you want SEO, universal apps are the way to go. Two excellent architectures are:

Good luck!

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

Render React JS server side using .net

From Dev

React-router unable to render on server side

From Dev

React Context undefined in Server Side Render

From Dev

AngularJS - Server side index.html and authentication

From Dev

Render different html depending on index of object in react

From Dev

Server side react-router won't render my routes

From Dev

How to render component in react server side with async data

From Dev

React Redux server render but client side fetch data

From Dev

react-router doesn't render components on server side

From Dev

React js render html string returned from server

From Dev

How to use React.js to render server-side template on Sails.js?

From Dev

Render static html page in a controller

From Dev

Using Onsen, how to write server side code in NodeJs that will render Jade files as HTML in a splitter

From Dev

Cannot access DOM with server-side render - react 0.14.1, react-dom 0.14.1 and react-router 1.0.0-rc3

From Dev

Render HTML in React Native

From Dev

react server side rendering with client side routing

From Dev

react server side rendering with client side routing

From Dev

Render two items (images) side by side in a list view in react native

From Dev

OpenVPN - dynamic IP on client side, static IP on server side

From Dev

Meteor + React : Server side routes?

From Dev

React - server side component rendering

From Dev

React - server side component rendering

From Dev

React-Stormpath on server side

From Dev

Using HTML Templates at server side

From Dev

NodeJS, how to render static HTML with Express 4?

From Dev

How to safely render html in react?

From Dev

React | render html tag in jsx

From Dev

Render dynamic html in react js

From Dev

"Column Index" on a server-side processed DataTable

Related Related

  1. 1

    Render React JS server side using .net

  2. 2

    React-router unable to render on server side

  3. 3

    React Context undefined in Server Side Render

  4. 4

    AngularJS - Server side index.html and authentication

  5. 5

    Render different html depending on index of object in react

  6. 6

    Server side react-router won't render my routes

  7. 7

    How to render component in react server side with async data

  8. 8

    React Redux server render but client side fetch data

  9. 9

    react-router doesn't render components on server side

  10. 10

    React js render html string returned from server

  11. 11

    How to use React.js to render server-side template on Sails.js?

  12. 12

    Render static html page in a controller

  13. 13

    Using Onsen, how to write server side code in NodeJs that will render Jade files as HTML in a splitter

  14. 14

    Cannot access DOM with server-side render - react 0.14.1, react-dom 0.14.1 and react-router 1.0.0-rc3

  15. 15

    Render HTML in React Native

  16. 16

    react server side rendering with client side routing

  17. 17

    react server side rendering with client side routing

  18. 18

    Render two items (images) side by side in a list view in react native

  19. 19

    OpenVPN - dynamic IP on client side, static IP on server side

  20. 20

    Meteor + React : Server side routes?

  21. 21

    React - server side component rendering

  22. 22

    React - server side component rendering

  23. 23

    React-Stormpath on server side

  24. 24

    Using HTML Templates at server side

  25. 25

    NodeJS, how to render static HTML with Express 4?

  26. 26

    How to safely render html in react?

  27. 27

    React | render html tag in jsx

  28. 28

    Render dynamic html in react js

  29. 29

    "Column Index" on a server-side processed DataTable

HotTag

Archive