Put the pieces together.
- [Instructor] All right, you've finished with your project.…You've built a logger that can log…each of the different life cycle methods,…and you've used performance tools to check to see…how a component is maybe wasting renders,…and then you've also gone and fixed…some of the optimization problems with components.…You've used shouldComponentUpdate…to tell a component whether or not it needs to re-render,…and you've also used componentWillUnmount…to make sure that you've cleared any unnecessary functions.…Now that you've built this application,…I think you should think of it as a bit of a playground.…
Go through it and see when are each of these…life cycle methods being called.…What can I do to keep a component from rendering again?…Use your logger maybe on another component…that you've built somewhere else to wrap it…and see what happens when you give it certain props…or make certain state changes inside of it.…To recap, once again, what we've learned…about life cycle methods.…We can categorize them into two main subcycles.…
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.