Server-side rendering (SSR)

Server-side rendering (SSR) typically improves SEO and performance. Server Side Rendering, also called SSR, is the ability of a JavaScript application to render on the server rather than in the ...
Server-side rendering (SSR) typically improves SEO and performance. Server Side Rendering, also called SSR, is the ability of a JavaScript application to render on the server rather than in the ...
When simply adding React to a normal .html file and running tha .html file directly in Chrome will throw cross-origin error. So, I have run this .html file with a local web-server. How to run / ...
React Hot Loader is a plugin that allows React components to be live reloaded without the loss of state. It works with Webpack and other bundlers that support both Hot Module Replacement (HMR) and ...
PURE COMPONENT is one of the most significant ways to optimize React applications. The usage of Pure Component gives a considerable increase in performance because it reduces the number of render ...
Generally people think, an easy way to optimize a React component for performance is to make it a class, and make it extend React.PureComponent instead of React.Component. This way, the component ...
React uses synthetic events to handle events from button, input and form elements. A synthetic event is a shell around the native DOM event with additional information for React. Lets see the code ...
We need a way for the child component to tell the parent component to update without breaking one-way data flow. Since we are using local state, we need a way for the child component to tell the ...
If you need to pass a prop to a component being rendered by React Router, instead of using Routes component prop, use its render prop passing it an inline function then pass along the arguments to ...
The onchange event occurs when the value of an element has been changed. For radiobuttons and checkboxes, the onchange event occurs when the checked state has been changed. Execute a ...
We’ve all been taught that the constructor is where we initialize our instance properties, state in this case. And thats true till ES-6. However, that is no more true, for the upcoming ES.next class ...
Keys in React are utilised to identify specific Virtual DOM Elements that have changed. The classic example of usage of keys is a list. Keys are important when rendering collections of items in ...
What are the approaches to include polyfills in your create-react-app? There are approaches to include polyfills in create-react-app, Manual import from core-js: Create a file called (something ...