Utilising ImmutableJS for top performance
Let's roll up our sleeves and apply our learnings from ImmutableJS to our React/Redux weather app.
We'll cover the following
As a short experiment, try putting a console.log('RENDER PLOT')
into the render
method of the Plot
component:
class Plot extends React.Component {
/* … */
render() {
console.log('RENDER PLOT');
return (
<div id="plot" ref="plot"></div>
);
}
}
Now try using the app for a bit, clicking around, request data for different cities. What you might notice is that the Plot
rerenders even if we only change the location field and the plot itself stays the exact same! (Look at your browser console).
Get hands-on with 1400+ tech skills courses.