what is the best way to use server side rendering with react?

Question

I have tried dozens of server side rendering with reactjs / nodejs, but nothing is working perfectly with me.

Is there any way to use server side rendering and code / style splitting with react js / redux saga / react router dom / node ?

Answer 1

Framework

As of today, the easiest way to implement SSR with React, in my opinion, is to use Next.js .

You get isomorphic/universal rendering out of the box, along with other built-in features including code-splitting and pre-fetching.

Static routing is also included. If you need dynamic routing, it's relatively easy to roll your own, or you can use next-routes .

Boilerplate

If you're looking for more of a customized solution, react-cool-starter is a solid boilerplate.

Answer 2

you may check my starter ( https://github.com/gzoreslav/react-redux-saga-universal-application ). I've wrote them using official recommendations from Redux and React-Router v4

It uses: react, react-router, redux, redux-saga

Hope it helps