 Hey, I'm Chantastic, welcome to day 13 of React Holiday. Today I'm gonna show you one killer refactoring that is super simple and makes your iterating components super flexible. So right here, we have all of our implementation here for how we render list items. Now I'd like to make it so that the implementing developer has control over what these items look like. Now I can do something very simple here. I'm just gonna cut the implementation that we have right now and add something like render item. This is going to be a prop that we accept that will allow people to write that iterator function themselves. So let's add that prop, render item, okay? And then we're just gonna give it a default value of exactly what we had before. It doesn't have to be anything new. We can just paste what we had in there before, format, save, and look at how easy that was. Now, what does that allow us to do? Well, now here where we're using the component, we can pass in a totally different way of rendering those items. So let's say I don't wanna use a list item at all. I can do render item is a function that takes a Pokemon and returns a button type button and uses Pokemon.name. Oh my gosh, my fingers are tied up today. Awesome, and look at that. We just totally changed the implementation. Now, because these aren't list items anymore, I'll probably change that to like a div or a section or some more appropriate markup. But man, this one little refactoring is going to make your components super flexible.