Learn about generating waste reports.
- [Instructor] Alright, so now that we have a good sense…of the way that these lists look, we're going to bring them…into our app and see how they function.…So, we'll do import BigList from lists.…And we're going to scroll down.…And here on line 88 of our render function…of the parent component, we're going to call Column.…And in this column, we're going to put our BigList.…Also, I want to, in this video, just focus on the first…of the three lists that we have.…
So, we've got this completely unoptimized one, this one…that's been optimized a little bit, and then this one…that has been fully optimized.…So we're going to come at that to somewhat optimized one.…And now we're going to go to our page…and see how this looks.…Okay, so when we refresh the page, we can see that…we have this BigList and it's filled with data,…and they have unique IDs, but actually each…individual component, we know from looking at the code,…isn't given a unique ID.…
It's just given an index.…Alright, so let's try clicking this update list button,…
Carl Peaslee helps you build a number of small reusable components that will be useful in future projects. Along the way, he discusses the syntax and uses of lifecycle methods, how state affects React lifecycles and your apps, and how to set static display name, default props, and initial state. Plus, learn how to gather performance data and improve performance by minimizing component updates.
- Overview of React lifecycles
- Initial state
- Default props
- Mounting: componentWillMount, componentDidMount, and render
- Updating: shouldComponentUpdate, componentWillUpdate, and componentDidUpdate
- Controlling component updates
- Using react-addons-perf to get performance data
Skill Level Intermediate
Building a Web Interface with React.jswith Ray Villalobos1h 21m Intermediate
1. Overview of Lifecycles
2. Defaults, Initialization, and Construction
5. Optimizing Components
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.