Optimize your React components by utilizing the power of React lifecycle methods. Control how components initialize, mount, update, and unmount.
- [Carl] Hi my name is Carl Peaslee and in this course we're going to be taking an in-depth look at each of React's Lifecycle methods. We're also going to learn some strategies about how to leverage our new found knowledge of Lifecycle methods to optimize our components. And we'll also use some new tools and libraries that can help us monitor the performance of our components. Throughout this course we're going to be looking at the mounting cycle, which includes our call to component will mount, render, component did mount, and component will unmount. And we'll also be looking at the updating cycle, which includes setState, componentWillReceiveProps, shoudldComponentUpdate, componentWillUpdate, render and componentDidUpdate.
In addition to that, we're going check out some other elements of the React API, like the static display name property, the static default props, and we're going to talk about how you can best set initial state on your component. If you're excited about expanding your knowledge of React then this course is the right one for you. Let's get this party started.
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