1
00:00:00,670 --> 00:00:05,100
We finished our first big standalone application and now it's time to move on to our next big app.

2
00:00:05,140 --> 00:00:08,940
So let's take a look at a mockup and understand what we're trying to build.

3
00:00:08,950 --> 00:00:09,220
All right.

4
00:00:09,220 --> 00:00:10,000
Here we go.

5
00:00:10,000 --> 00:00:15,310
So we're going to essentially be building a little blog creation application inside of our application

6
00:00:15,310 --> 00:00:19,690
we're going to have a couple of different screens each of these different screens is going to have one

7
00:00:19,750 --> 00:00:21,450
very particular job.

8
00:00:21,500 --> 00:00:25,660
It's the first screen we're going to put together is a index page of sorts on the screen.

9
00:00:25,660 --> 00:00:29,850
We're going to show a list of different blogs that the user has created.

10
00:00:29,870 --> 00:00:31,890
We will list them all out in order.

11
00:00:32,060 --> 00:00:36,620
And on the right hand side we'll also have a button that a user can use to delete a blog.

12
00:00:36,620 --> 00:00:41,270
If a user wants to create a blog they can click this little plus icon right here.

13
00:00:41,270 --> 00:00:46,040
When they do so we're going to navigate a user over to the create page where a user will then be prompted

14
00:00:46,040 --> 00:00:50,390
to enter and a title in some amount of content for a blog post.

15
00:00:50,390 --> 00:00:54,800
Once they click on that save button we're then going to save the blog and return the user either to

16
00:00:54,800 --> 00:01:01,900
the index screen or show them that very particular blog if a user ever wants to go to the show screen

17
00:01:01,900 --> 00:01:03,870
by tapping on one of these blogs right here.

18
00:01:04,030 --> 00:01:07,840
They can then see the title of log in the content as well.

19
00:01:07,960 --> 00:01:12,520
They can also click on the little Edit icon right there and go to the edit screen where they can enter

20
00:01:12,550 --> 00:01:17,150
a new title or some amount of new content and then save it.

21
00:01:17,160 --> 00:01:17,980
Now I've got to tell you.

22
00:01:18,000 --> 00:01:24,420
I know this application seems really boring but the goal here is to give you a rock solid sample application

23
00:01:24,690 --> 00:01:31,740
and understand CRUD operations crud stands for Create read updates delete or destroy.

24
00:01:32,460 --> 00:01:37,380
So I want you to understand with a very simple very straightforward application even if it is really

25
00:01:37,380 --> 00:01:40,160
boring how we can get a list of records.

26
00:01:40,410 --> 00:01:43,560
Look at one particular record create a record.

27
00:01:43,560 --> 00:01:44,890
Edit 1 and delete it.

28
00:01:44,910 --> 00:01:47,460
That's the entire goal of this application.

29
00:01:47,460 --> 00:01:51,700
Along the way we're going to learn a lot about data management in React Native as well.

30
00:01:51,870 --> 00:01:55,950
As soon as we're done with this application we can then get back to focusing on some more interesting

31
00:01:55,950 --> 00:01:59,240
stuff not something quite so plain so to speak.

32
00:01:59,250 --> 00:02:06,070
But again the goal here is to keep it really simple so then mind we're gonna really be spending a tremendous

33
00:02:06,070 --> 00:02:09,190
amount of time understanding how data is flowing around our application.

34
00:02:09,520 --> 00:02:10,540
So because of that.

35
00:02:10,600 --> 00:02:13,240
Another thing we're not going to worry about too much is styling.

36
00:02:13,270 --> 00:02:18,640
So in many cases we're going to have some very simple and straightforward components that don't literally

37
00:02:18,640 --> 00:02:19,760
look that great.

38
00:02:19,870 --> 00:02:24,340
And that's just because again we're gonna be spending a lot of time just trying to understand how data

39
00:02:24,340 --> 00:02:26,590
is flowing around our app OK.

40
00:02:26,650 --> 00:02:28,420
So now we understand what we're going to build.

41
00:02:28,420 --> 00:02:29,890
Let's flip back over toward terminal.

42
00:02:29,890 --> 00:02:31,420
We're going to generate a new project.

43
00:02:31,930 --> 00:02:35,770
So first off looking to find the terminal window that's running my current React Native bundler from

44
00:02:35,830 --> 00:02:42,350
our last project I'm going to stop it with control c o then change out of that directory and generate

45
00:02:42,410 --> 00:02:50,540
a new project with NDP ex Expo dash the ally in it and in the name of our project which in this case

46
00:02:50,540 --> 00:02:57,590
will be simply plug that remember we're gonna select blank right here and then enter in the name of

47
00:02:57,590 --> 00:03:02,800
our application which once again will be simply log Okay so that's it.

48
00:03:02,850 --> 00:03:04,440
We're now generating a new project.

49
00:03:04,440 --> 00:03:07,710
So let's take a quick pause right here and join back up in the next video.