Questions tagged [server-rendering]
63 questions
7
votes
1 answer
Server rendering with react-router v4 and prefetching data
I worked a lot with server side rendering with RR 3 so I wanted to see how it works in the context of v4. I followed the tutorial from the website, but because the rendering is happening now together with the route match, there's no way to implement…

Alex Moldovan
- 2,336
- 1
- 16
- 14
6
votes
3 answers
React SSR ReferenceError: document is not defined
I am having trouble to render react server side. I always get
^
ReferenceError: document is not defined
var root = document.getElementById('root');
I know what is happing that node dosen't understand browsers document object. But I cant…

jonjonson
- 263
- 2
- 5
- 16
6
votes
1 answer
Universal react rendering with a CDN and heroku
Trying to set up a server-side (universal, isomorphic) rendered react app that is deployed via CircleCI using Heroku for the node/express app, and Cloudfront as the CDN.
I'm having some trouble conceptualizing how this will work. The flow seems…

Jack Hanford
- 61
- 2
5
votes
1 answer
Server rendered React ExpressJS frontend leaking users' Redux store data
I have an ExpressJS server that is sometimes rendering the wrong user's data on initial render. See a (slightly simplified) version below.
The issue is that the index.ejs file is often rendering the wrong user's data in reduxState...
My confusion is…

YPCrumble
- 26,610
- 23
- 107
- 172
5
votes
3 answers
React-Select V2.0 with Next.JS
I'm trying to use React-Select V2.0 with Next.JS but on server load the select element is not styled and flickers to styled.
I tried using the Emotion example for Next.JS to server render the emotion style…

Safinn
- 622
- 3
- 15
- 26
5
votes
2 answers
readPixels to base64 (WebGL Server side buffer conversion)
I am using headless-gl to run webGL on Node.js, creating an image dynamically on server. Once created, the image is to be stored in database (MongoDB), before user accessing the image again via API.
Below is the part where the image is…

cristie09
- 311
- 1
- 3
- 11
5
votes
1 answer
Angular universal - Server side requests cached for client
I've seen many articles about caching data for client in angular universal apps, so it doesn't duplicate the requests on client that has been already resolved on server.
I just don't get how the data is transferred from server to the client. Do I…

Stevik
- 1,092
- 2
- 16
- 37
5
votes
3 answers
Aspnet server rendering debugging
I have a react-redux app running on aspnet core, with server side rendering using aspnet prerendering.
Lets say i make a programming error, where in child component I try to access a undefined prop because of a stupid typo.
import {Child} from…

Knut Erik Lødding
- 111
- 8
4
votes
2 answers
Server rendering with rails + react-rails gem + react router
I have create this sample repo that use rails (v4.2.6) with react-rails (v1.6.2) and react-router (v2.0.0-rc5): https://github.com/pioz/rails_with_react_and_react_router_example
In the file app/views/application/react_entry_point.html.erb I render…

Pioz
- 6,051
- 4
- 48
- 67
3
votes
0 answers
How does SSR working with high load?
I'm currently designing a new web application and I would like to use next.js for SSR (with React, Redux, SCSS (CSS-Modules)).
1) Does anyone have an experience in using next.js on the projects with high load?
2) And any benchmarks on after.js,…

Paul Fedotov
- 31
- 2
3
votes
3 answers
Meteor, server-render withTracker. Postponing client-rendering
In my database I have an array of animals that I would like to render into a nice little list. To improve the user experience, I would like to render it on the server (using the new server-render package) and then subscribe to any changes using…

Reason
- 1,410
- 12
- 33
3
votes
2 answers
React component rendered twice using server side rendering
I have an app where I configured server side rendering. Everything is working nice and my component is rendered on the server. The problem is that I get my component rendered twice on the screen. One comes from
<%- content…

Igor-Vuk
- 3,551
- 7
- 30
- 65
3
votes
4 answers
How to add server rendering in Angular Universal project
Help me please to understand how to use server rendering in Angular Universal.
What I've done. I visited Angular Universal official site. Setup Node.js. Downloaded recommended project Angular 2 Webpack Starter.
I'm working on Mac so use "> sudo npm…

Kirill Ch
- 5,496
- 4
- 44
- 65
3
votes
1 answer
React server rendering --> Replacing React-rendered children with a new root component
I'm trying to render react isomorphicaly, and it renders but I get the Warning/Error in client saying:
I'm using jspm and npm as package managers;
warning.js:25 Warning: render(...): Replacing React-rendered children with a new root component. If…

wesleycoder
- 1,139
- 1
- 12
- 21
2
votes
1 answer
Using nested folders with react-rails prerender
I'm trying to set up react-rails for my app (https://github.com/reactjs/react-rails).
I had no problem getting it to set up initially, but I'm anticipating a lot of different individual components so I want to organize my /javascript/components…

Almaron
- 4,127
- 6
- 26
- 48