1
00:00:00,710 --> 00:00:06,110
Now that we've got our image in place we're going to take the comment that we generated right here and

2
00:00:06,110 --> 00:00:12,590
we're going to essentially just copy paste it down twice to put two more comments into our application.

3
00:00:12,590 --> 00:00:18,230
Now as you might imagine this is going to turn our app component right here into a gigantic mess of

4
00:00:18,230 --> 00:00:24,090
GSX and it's going to very quickly look absolutely hideous and rather challenging to navigate nonetheless.

5
00:00:24,230 --> 00:00:25,040
Let's go to this.

6
00:00:25,100 --> 00:00:30,760
This process and you're going to very quickly understand why we like to make reusable components.

7
00:00:31,090 --> 00:00:31,350
OK.

8
00:00:31,370 --> 00:00:35,810
So Eugene to duplicate this comment I'm going to find the div with the class name of comment right here

9
00:00:36,390 --> 00:00:40,550
and I'm going to highlight everything down to the closing DIV tag for that comment.

10
00:00:40,550 --> 00:00:48,130
Lexa and then going to copy this thing and I'm going to paste it underneath it two more times.

11
00:00:48,130 --> 00:00:48,510
All right.

12
00:00:48,570 --> 00:00:53,300
So now this thing is a real beast to navigate without a doubt.

13
00:00:54,040 --> 00:00:57,880
Now going to save this thing I'm going to flip back over to the browser and we're going to see that

14
00:00:57,890 --> 00:00:58,320
sure enough.

15
00:00:58,320 --> 00:01:00,310
We do have three distinct comments.

16
00:01:00,370 --> 00:01:05,790
Now of course if we want to we could go through and change the name and the time and the actual blog

17
00:01:05,800 --> 00:01:07,090
content on there as well.

18
00:01:07,180 --> 00:01:10,650
But more are going to react to this in just a moment anyways.

19
00:01:10,930 --> 00:01:13,240
So without a doubt I'm sure you can scroll through this file.

20
00:01:13,240 --> 00:01:17,270
And if I told you go and find the second comment and edit the title.

21
00:01:17,350 --> 00:01:21,400
Well if you're at the very top you kind of got to like Scroll through this thing and try to understand

22
00:01:21,400 --> 00:01:22,840
what the heck you're looking at.

23
00:01:23,080 --> 00:01:25,570
So there's really no two ways about it.

24
00:01:25,750 --> 00:01:31,780
By just duplicating all that GSX inside of a single component we end up in a pretty bad spot and it

25
00:01:31,780 --> 00:01:36,770
tends to be rather challenging for us to make any update to this app component.

26
00:01:36,820 --> 00:01:40,490
So I think that we've probably now feel the pain right like this is definitely not good.

27
00:01:40,780 --> 00:01:42,610
So let's take another quick pause right here.

28
00:01:42,640 --> 00:01:46,450
When we come back the next section we're going to talk about how we're going to really factor this thing

29
00:01:46,750 --> 00:01:52,600
into some separate components and how we're going to customize each of those individual components.

30
00:01:52,600 --> 00:01:54,890
So in quick pause and I'll see you in just a minute.