In this chapter, we will continue with the React shop we were building previously. We'll build a reusable tab component as well as a reusable loading indicator component that will both be used on the product page in our shop. The chapter will start by splitting the product page into a container and a presentational component before working on the tab component, leveraging the compound component and render props patterns. We'll then move on to implement a loading indicator component using the higher-order component pattern.
In this chapter, we'll learn about the following topics:
- Container and presentational components
- Compound components
- Render props pattern
- Higher-order components