I have a large, globalised web site (not a web app), with 50k+ pages of content which is rendered on a cluster of servers using quite straightforward NodeJS + Nunjucks to generate HTML. For 90% of the site, this is…
I have created a Section component which will take in an image as a property and its children as content to be displayed within the section, so the component would look as follows... <Section image={'path/to/image'}> //content </Section> The component will…
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…
I am attempting to add a favicon to a React-based website that I made using webpack. It has been a total nightmare to add a favicon and I have tried many solutions to no avail. The latest solution that has…
My server.js file is written in node and looks like this: var path = require('path'); var express = require('express'); var app = express(); var PORT = process.env.PORT || 8080 // using webpack-dev-server and middleware in development environment if(process.env.NODE_ENV !== 'production')…
What is the most reliable way/approach to build React/Relay/GraphQL SEO friendly application with server side rendering ?
I have recently migrated from using twitter-bootstrap in react classes to using react-bootstrap. I wanted to test out react-bootstrap Navbar. My code is as: import React from 'react'; import { Link } from 'react-router'; import Radium from 'radium'; import Grid…
I've been tasked with building out a project for a client that entails one parent component wrapping three sub components. Specifically the parent component renders the sub components into being according to the following manner: PARENT = TOP + MIDDLE…
I'm working on application using react & redux and I need setProps but it's deprecated. Take a look the error below: Warning: setProps(...) and replaceProps(...) are deprecated. Instead, call render again at the top level. Uncaught Invariant Violation: setProps(...): You…
I have this reactjs webapp - http://52.26.51.120/ It loads a single page and then you can click links to dynamically load other boards on the same page... such as 52.26.51.120/#/b, 52.26.51.120/#/g Now the thing is, I want each of these…