Learn about modifying the prototype.
- [Narrator] So as I mentioned in the last video,…our game plan here is that we're going to…create this object that we've called "originals"…and it's going to hold copies of…the wrapped components original methods.…And then we also have this very bold initial, it's an array.…And in it, it's going to contain the names…of all them methods we're going to want to loop through.…So we're going to look at…all of the methods of our wrapped component…but we only actually want to modify…the ones that we have here in this array.…Alright so let's start.…
We're going to call methods to log…that for each, so for each is…a method that's available on an array.…And it'll be called once for each element in the array.…And then we're going to name each of those…elements in the array "method".…That's how we will refer to them within this loop.…And we'll make an arrow function…and this is the arrow function…that's going to be called…for each element in the array.…And now we're going to make an "if statement"…and we're going to say,…"if, wrapped, that prototype,…
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.