Understand the syntax and applications of componentWillMount.
- [Instructor] In this video, we're going to set up some…of the key functionality of our logger…and we're also going to talk about the React lifecycle method,…componentWillMount.…Now, I'll be honest with you,…componentWillMount is probably…the least used lifecycle method…and maybe one of the least useful.…It occurs only once,…before your component is about to mount,…and you cannot set state within it.…I'll say that again.…It's important…that you do not set state within componentWillMount.…You also shouldn't call functions that might result…in setting state.…Now, you're maybe thinking, wait a second, I've done that…or you've seen people do that…and that's actually very possible.…
Oftentimes, you'll see people set up subscriptions…or make calls to remote APIs here within componentWillMount,…but, technically, this is not the best place to do that.…The reason for this is, before your component is mounted,…it actually doesn't have a state, so you can't set a state.…So, if there were a scenario where you made a call…
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
React.js: Building an Interface (2016)with 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.