1
00:00:01,030 --> 00:00:05,050
Many different applications are going to work on are going to consist of multiple different components

2
00:00:05,050 --> 00:00:07,640
that are linked together using tools like react router.

3
00:00:08,170 --> 00:00:13,900
So in this exercise, let's get some practice showing another component via a route and then navigating

4
00:00:13,900 --> 00:00:14,620
between the two.

5
00:00:15,580 --> 00:00:19,510
So if you take a look at the app component as it stands right now, you'll notice that there's only

6
00:00:19,510 --> 00:00:24,200
one route to find inside of here and it shows by default this dream list component.

7
00:00:24,910 --> 00:00:30,360
So our first goal is to add in a new route right after this one with the new route.

8
00:00:30,370 --> 00:00:35,770
We want to try to show the stream details, complete stream details does not actually exist inside of

9
00:00:35,770 --> 00:00:39,070
our real application is just for this very quick exercise.

10
00:00:40,090 --> 00:00:44,570
You can find the extreme details component over here inside the stream, details doctor's file.

11
00:00:45,220 --> 00:00:49,950
We want to show that component anytime a user navigates to a route of flash streams.

12
00:00:50,530 --> 00:00:51,190
Details.

13
00:00:53,110 --> 00:00:58,810
Once you've added that route in, we then need the ability to navigate between this route route and

14
00:00:58,810 --> 00:01:05,230
the new route of streams, details, if you're going to add in two different link components, add in

15
00:01:05,230 --> 00:01:08,770
one to stream list and the other to stream details.

16
00:01:09,670 --> 00:01:13,870
Both these two links are going to add in, are going to navigate back and forth between these two different

17
00:01:13,870 --> 00:01:14,290
routes.

18
00:01:15,240 --> 00:01:19,250
So go ahead and give this a shot as usual, we'll go over a solution in just a moment.