1
00:00:00,710 --> 00:00:05,090
In this video I want to introduce you to a exercise that you're going to see in the next section.

2
00:00:05,250 --> 00:00:09,150
So when you go to the next section you're going to see this exercise right here.

3
00:00:09,150 --> 00:00:13,060
I just want to very quickly give you a quick overview on what is expected.

4
00:00:13,470 --> 00:00:14,640
So I'm going to blow up the code here.

5
00:00:14,640 --> 00:00:17,180
Give me just a second so you can actually see it.

6
00:00:18,960 --> 00:00:20,370
Come on gimme you.

7
00:00:20,360 --> 00:00:21,480
There we go.

8
00:00:21,480 --> 00:00:25,690
All right so we again have a component called app inside this thing.

9
00:00:25,800 --> 00:00:31,170
You'll notice so we have a second component in here as well called message at present this message component

10
00:00:31,170 --> 00:00:35,110
has a hard coded text right here of changes in service.

11
00:00:35,130 --> 00:00:40,590
So that's the text you see over there and a hard coded paragraph inside of your as well or kind of content.

12
00:00:40,800 --> 00:00:46,550
So all you have to do here is attempt to make this message component a little bit more reusable.

13
00:00:46,650 --> 00:00:52,890
So ideally we would pass in this text changes in service and this text right here we just updated as

14
00:00:52,890 --> 00:00:57,540
props when we create that message component inside of the app up here.

15
00:00:57,840 --> 00:01:03,090
So in order to do this refactor and I still encourage you to read the directions up here you don't have

16
00:01:03,090 --> 00:01:06,750
to use that prop's children thing that we just discussed in the last video.

17
00:01:06,750 --> 00:01:13,360
Instead you can just add on to name properties to the message just as we did a moment ago.

18
00:01:13,840 --> 00:01:18,960
Back here inside of our index such as file with our common detail so you can do something very similar

19
00:01:18,960 --> 00:01:22,710
to what you see right here for Author time ago and content.

20
00:01:22,710 --> 00:01:22,950
Right.

21
00:01:22,950 --> 00:01:25,320
So like I said I just want to give you a quick introduction.

22
00:01:25,380 --> 00:01:26,770
So let's take a quick pause here.

23
00:01:26,820 --> 00:01:31,470
Go ahead and give the exercise a quick attempt and we'll go over a solution in the following video.