1
00:00:01,170 --> 00:00:05,980
All right my friends I think that we've now got a much better idea on how redux works on its own by

2
00:00:05,980 --> 00:00:10,660
writing some code into a little application on Copen it's never going to start putting together a re-act

3
00:00:10,660 --> 00:00:13,410
app and then eventually integrate redux into it.

4
00:00:13,420 --> 00:00:17,740
This is going to give you a much better idea on how the two libraries interact with each other and how

5
00:00:17,740 --> 00:00:21,460
we can use them to form a fully fledged complex application.

6
00:00:21,460 --> 00:00:25,820
Now I'll be honest with you at the first hour we're going to put together is very simple very straightforward.

7
00:00:25,960 --> 00:00:30,370
We're going to put together this very simple out very quickly so that we can then move on to much more

8
00:00:30,370 --> 00:00:35,140
complicated stuff after we've gotten a little bit of a practice on the easy application we're about

9
00:00:35,140 --> 00:00:36,100
to put together.

10
00:00:36,100 --> 00:00:37,560
So let's take a look at the market.

11
00:00:37,950 --> 00:00:38,900
Here it is.

12
00:00:38,910 --> 00:00:43,470
So on the left hand side this application we're going to have a hard coded list of songs.

13
00:00:43,580 --> 00:00:47,130
So we're just going to list out the title of a couple of different songs right here.

14
00:00:47,410 --> 00:00:52,720
Well then show a select button next to each one whenever a user clicks on that select button we're then

15
00:00:52,720 --> 00:00:56,330
going to show details for that song on the right hand side of the screen.

16
00:00:56,470 --> 00:01:00,610
If the user then clicks on another select button will show details for that song.

17
00:01:00,610 --> 00:01:06,390
So like I said simple straightforward just to help us really understand how to put react in redux together.

18
00:01:06,760 --> 00:01:11,140
So without further ado let's flip on over to our terminal and we're going to generate a new project

19
00:01:11,580 --> 00:01:13,340
selling enough foot over.

20
00:01:13,390 --> 00:01:18,460
You'll notice that I'm now back inside my workspace directory so I'm no longer inside that videos project

21
00:01:18,490 --> 00:01:25,540
folder inside of here or generate a new app with create react at I'll call this one simply.

22
00:01:25,550 --> 00:01:27,420
Songs like so.

23
00:01:27,460 --> 00:01:27,790
All right.

24
00:01:27,800 --> 00:01:29,990
That's going to start the install process.

25
00:01:30,020 --> 00:01:31,390
So let's take a quick pause right here.

26
00:01:31,400 --> 00:01:34,940
When we come back the next section we're going to talk about how we're going to approach the design

27
00:01:34,970 --> 00:01:37,620
of this application from the component aspect.

28
00:01:37,640 --> 00:01:39,670
So quick break and I'll see you in just a minute.