Reusability

[trentgoing]

Project-Greenfield/client/src/components/RelatedItemsAndComparison.jsx

Lines 29 to 39 in b07b2fb

	<Carousel view="relatedProducts" list={relatedProductList} />
	</div>
	<div className="yourOutfit-container">
	<h5 className="relatedItemsTitle">YOUR OUTFIT</h5>
	<Carousel
	view="yourOutfit"
	list={outfitList}
	alterList={setOutfitList}
	currentProductData={overviewOutfitData}
	/>

Nice reusability!

As a challenge: How could you continue to refactor this so not only can you pass different lists in and still use the carousel, but also allow the carousel to accept different content on the cards? In other words, if you wanted to make your carousel component available for anyone to use on any project how could you make it even more flexible?