So appliques pretty great at this point in time. 2
I think there's just one last thing we need to do. 3
We need to make sure that the buttons text gets changed to something more reasonable then click me. 4
So we could just change the text to something like by now inside of our button component. 5
Right now here is the hard coded click me. 6
But if we just change it to. 7
By now we're still kind of defeating the purpose of making a reusable button component. 8
So I feel like this would be a great opportunity to pass and the text Jones shown have this button as 9
a prop to the button. 10
Now there's two ways you could do this. 11
We can either add any prop just like the on Press one of maybe something like you know text and it should 12
say like by now that would be one approach. 13
The second approach I think might be a little bit you know more fun with the button component. 14
You know something like this is to use that same prop stock children trick that we saw earlier. 15
So let's do that instead. 16
If you recall we expand out the button tag and then pass some text directly in here. 17
We can then get a reference to this text as props start children inside of the button component. 18
So now we can go back over to our button and replace clickety with a reference to Propst children. 19
So notice that I don't have a prop's object or argument here I'm destruction of the arguments list. 20
So I will just restructure out children as well. 21
And then in place of click any place children call. 22
So let's give this a test. 23
And now we've got a much more reasonable by now on our buttons. 24
Perfect. 25
So again this is just a step to make sure that we've got a truly reusable component. 26
Our button tag right now is 100 percent reusable. 27
All over the place it is not tied to the implementation of the card section. 28
And in fact there is absolutely no reference in here whatsoever to any type of album or you Arel or 29
artist name or anything like that. 30
So we can definitely make reuse of this in future applications as well. 31
OK. 32
So I think that's just about it for our first application. 33
I got to tell you I'm really happy with how this thing looks. 34
I think it looks really professional. 35
So let's take a little minute in the next section to do a wrap up on all the topics that we spoke about