From the course: React Foundations by Pearson
Unlock this course with a free trial
Join today to access over 25,500 courses taught by industry experts.
Lab: Memoization - React.js Tutorial
From the course: React Foundations by Pearson
Lab: Memoization
Okay, so it's lab time again. This is the lab for lesson seven, where you're going to get a chance to use memorization. So in this lab, you're going to modify the library web application that we've been developing over the last few lessons. You can add some chunks of content that can be memorized by React to avoid having to regenerate the content from scratch every time the components are rendered. these are the folders. We can go to React Dev Student 07 Memorization, that's for the starter code, and React Dev Solutions 07 Memorization where I've got the full solution. So there are four exercises in this lab which I'm going to lead you through in a moment. Same kind of idea as most labs. Lab exercise one to familiarize with the solution web page so you know what you're aiming for. Exercise two, you're going to rewind back to the student code and just re-familiarize yourself with the code in there. It's actually the same code as the solution from the previous lab. In exercise three…
Contents
-
-
-
-
-
-
-
-
-
(Locked)
Learning objectives48s
-
(Locked)
Introduction to memo-ization11m 48s
-
(Locked)
Memoization of components that receive properties10m 5s
-
(Locked)
Providing a custom comparison function for component properties11m 33s
-
(Locked)
Memoizing a particular piece of content9m 39s
-
(Locked)
Lab: Memoization11m 22s
-
(Locked)
Lab solution: Memoization6m 38s
-
(Locked)
-
-
-
-
-
-