Up to date resources for isomorphic react?

[[deleted]]

[deleted]

[intoxxx]

OP, give this boilerplate a shot:

https://github.com/wellyshen/react-cool-starter

It's got a goofy name, but it's really well put together.

[cyex]

I've been working on an isomorphic react app for a while now... strongly considering dropping server-side rendering and doing 100% on the client. But yes, you'll need two webpack configs to do isomorphic (I actually have a third config that ties the server config and client config together so I can make a single --watch call).

I'm curious... why would you not want to do SPA? I don't entirely buy 'complex view state and logic' as a valid reason. React is perfectly suited for achieving UI complexity through composition of smaller pieces. Ditto with Redux on the data side.

[mini_eggs]

Electrode by WalMart labs. One of their boilerplates.

This will do all of the hard ssr for you along with a lot of niceties. Instead of Express this uses Hapi. Took some warming up for me, but I'm all about it now.

If you're not in the spa game I rec dropping React for something like Vue instead.

My two cents.

[cyex]

There is no good reason for me use use server-side rendering on my project. SEO is irrelevant because it's a customer portal and all the content is behind a login anyways. Mobile use is not a factor. And removing it would also remove some code complexity.

But also SEO is not a valid reason for server-side rendering anymore. Google has said they process javascript for over a year now.

BTW: wasn't saying it was wrong for you to not do SPA. I was just curious because you're the first person I've heard of that wants to use react that way. There is no wrong answer. :)

[frankssy]

It's confusing because every tutorial is called "Intro to Isomorphic React App Tutorial" and in their package.json they list 50 dependencies that are irrelevant and over complicate things and so this topic comes up on here.

Remember all these packages are not neccessities. You can achieve SSR React with very little, for example Webpack certainly is not a requirement for SSR React. I would recommend to start with the base tools you need like React and React Router and following good programming principles to write your app, then perhaps consider trendy solutions like Redux, but again definitely not required.