Using react-router1.0 and react0.14, we were mistakenly serializing our flux object multiple times. RoutingContext will call createElement for every template in your react-router routes. This allows you to inject whatever props you want. We also use flux. We send down a serialized version of a large object. In our case, we were doing flux.serialize() within … Read more
According to the new documentation: https://reactjs.org/docs/react-dom-server.html The following methods can be used in both the server and browser environments: renderToString() renderToStaticMarkup()
useParams is generic. You need to tell typescript which params you are using by specifying the value of the generic There are several ways to solve this This is my favorite way const { sumParams } = useParams<{ sumParams: string }>(); But there are a few more ways (: OR interface ParamTypes { sumParams: string; … Read more
Other people have answered that you should add a null-check, but Typescript also has a non-null assertion that you can use when you are sure that the value is never null by adding the ! operator to the end of your statement: const portalDiv = document.getElementById(‘your-element’)!;
The service worker is a web API that helps you cache your assets and other files so that when the user is offline or on slow network, he/she can still see results on the screen, as such, it helps you build a better user experience, that’s what you should know about service worker’s for now. … Read more
From the ReactDOMServer docs (emphasis mine): If you call ReactDOM.hydrate() 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. The text in bold is the main difference. render may change your node if there is a difference … Read more
StrictMode renders components twice (on dev but not production) in order to detect any problems with your code and warn you about them (which can be quite useful). If you have StrictMode enabled in your app but don’t remember enabling it, it might be because you used create-react-app or similar to create your app initially, … Read more
The goal When the html page is rendered, display a spinner immediately (while React loads), and hide it after React is ready. Since the spinner is rendered in pure HTML/CSS (outside of the React domain), React shouldn’t control the showing/hiding process directly, and the implementation should be transparent to React. Solution 1 – the :empty … Read more
React and ReactDOM were only recently split into two different libraries. Prior to v0.14, all ReactDOM functionality was part of React. This may be a source of confusion, since any slightly dated documentation won’t mention the React / ReactDOM distinction. As the name implies, ReactDOM is the glue between React and the DOM. Often, you … Read more