Lessons: 11Length: 1.7 hours
- Overview
- Transcript
4.2 Higher-Order Components
Organizing our UI into components makes it easy to reuse code. However, there are times when we need to extend an existing component for more specialized functionality. We could use inheritance, but the React way is to define a "higher-order component". In this lesson I'll show you how easy it is to work with higher-order components.
1.Introduction
1.1Five Practical Examples to Learn React01:37
1.1
Five Practical Examples to Learn React
01:37
2.Hello, World
2.1React's Built-In Factory Methods09:38
2.1
React's Built-In Factory Methods
09:38
2.2Defining DOM-Specific Props to our Components07:18
2.2
Defining DOM-Specific Props to our Components
07:18
3.Bootstrap Button Group Component
3.1JSX and Stateless Components08:59
3.1
JSX and Stateless Components
08:59
3.2Passing Props to Components11:49
3.2
Passing Props to Components
11:49
4.A Digital Clock
4.1Writing a Stateful Component12:42
4.1
Writing a Stateful Component
12:42
4.2Higher-Order Components07:59
4.2
Higher-Order Components
07:59
5.A Multi-Selector Component
5.1Events and Passing Functions15:00
5.1
Events and Passing Functions
15:00
6.An Ajax-Powered Navbar
6.1Tools for Everyday Development14:16
6.1
Tools for Everyday Development
14:16
6.2Using Ajax in Your Components09:38
6.2
Using Ajax in Your Components
09:38
7.Conclusion
7.1Conclusion01:35
7.1
Conclusion
01:35
