1 00:00:01,140 --> 00:00:05,930 In the last video, we saw how to implement the use of not just in this video, we can see the store 2 00:00:05,930 --> 00:00:08,150 dogs and some changes in next hour. 3 00:00:08,240 --> 00:00:08,510 Yes. 4 00:00:08,840 --> 00:00:14,410 So before that, we have to import two packages and the last video, as you can see, we have imported 5 00:00:14,410 --> 00:00:18,500 that the tool toolkit now really important react redux and also react Google Log. 6 00:00:20,240 --> 00:00:22,190 So npm install. 7 00:00:24,100 --> 00:00:25,120 React Redux. 8 00:00:27,930 --> 00:00:33,640 So whenever you get stuck at some point, like if you are not understanding water, for example at miracle, 9 00:00:34,110 --> 00:00:37,980 you're having a slight confusion what this creatively so objectionable. 10 00:00:38,490 --> 00:00:43,590 But everything you can refer to the documentation documentation is a standard thing that a programmer 11 00:00:43,590 --> 00:00:45,540 should refer anybody, get stuck at something. 12 00:00:45,960 --> 00:00:50,430 So then whatever the official documentation of React available on the internet. 13 00:00:50,640 --> 00:00:54,300 So just go to Google and search, create slice reactor documentation. 14 00:00:54,300 --> 00:00:56,160 Then you will get the official documentation link. 15 00:00:56,730 --> 00:01:01,710 You can read through the documentation so that you can have a clear idea if you're not understanding 16 00:01:01,710 --> 00:01:02,430 any of the concepts. 17 00:01:02,430 --> 00:01:06,840 So this is the basically each and every programmer will do this thing, like whenever he gets stuck 18 00:01:06,840 --> 00:01:09,360 at some point, even the documentation just simple as that. 19 00:01:10,030 --> 00:01:15,380 Okay, let's get to continue to protect and install React Redux, click on. 20 00:01:15,750 --> 00:01:17,430 So meanwhile, it will start. 21 00:01:17,460 --> 00:01:18,240 We will with that. 22 00:01:19,050 --> 00:01:20,220 We are confident of the features. 23 00:01:20,580 --> 00:01:22,590 Next, we have to create the store. 24 00:01:22,620 --> 00:01:23,280 Not just. 25 00:01:25,700 --> 00:01:34,220 Store dogs here will import the configure store from React Just Toolkit that we installed in the last 26 00:01:34,220 --> 00:01:34,520 few. 27 00:01:35,660 --> 00:01:36,440 So import. 28 00:01:39,170 --> 00:01:40,040 Convenience store. 29 00:01:43,670 --> 00:01:45,340 I mean, it gets tricky. 30 00:01:45,710 --> 00:01:53,300 So this is a that the act is useful since it got to know that it recognized Redux Tool Kit is presenting 31 00:01:53,300 --> 00:01:53,840 your package. 32 00:01:54,530 --> 00:02:01,630 You can see that package and you can see auto inside dependencies that are dependencies. 33 00:02:01,630 --> 00:02:07,340 So yeah, the actors toolkit so it can notice this and auto fill the code. 34 00:02:07,760 --> 00:02:08,810 So this is where we act. 35 00:02:09,260 --> 00:02:12,770 We just heard about is a good fit programming kind of thing. 36 00:02:13,760 --> 00:02:16,130 This is the idea that I would prefer. 37 00:02:16,160 --> 00:02:22,250 You can also use any idea by installing snippets as we do, and we just record every idea as its own 38 00:02:22,250 --> 00:02:24,500 packages and snippets can use them. 39 00:02:25,040 --> 00:02:25,310 OK. 40 00:02:26,060 --> 00:02:28,310 So after this, we have to import the user reducer. 41 00:02:31,660 --> 00:02:32,860 So user, the user. 42 00:02:33,830 --> 00:02:37,520 Is what we have in our users lives. 43 00:02:38,180 --> 00:02:41,720 As you can see, we are exporting the producer. 44 00:02:42,690 --> 00:02:43,020 Right. 45 00:02:43,560 --> 00:02:44,100 So this. 46 00:02:47,490 --> 00:02:49,080 This will have an user slice. 47 00:02:50,270 --> 00:02:51,950 I can import it from here. 48 00:02:55,220 --> 00:02:58,580 Dot dot slash inside the features folder. 49 00:02:59,060 --> 00:03:00,320 I have my user slice. 50 00:03:04,290 --> 00:03:04,580 Right. 51 00:03:05,490 --> 00:03:08,820 So long as this is done, there is only one small function that we need to right? 52 00:03:09,990 --> 00:03:10,590 Export. 53 00:03:12,790 --> 00:03:13,420 Default. 54 00:03:15,510 --> 00:03:16,500 Configure store. 55 00:03:18,320 --> 00:03:19,610 We are basically exporting this. 56 00:03:19,910 --> 00:03:22,020 And inside this will ever reduce it. 57 00:03:24,140 --> 00:03:25,790 And the user should use this reducer. 58 00:03:34,520 --> 00:03:40,250 So what's basically happening, we are using very dysfunction that we created and use Slate, and we 59 00:03:40,250 --> 00:03:45,410 are confident stories basically used for authentication so that we are confident on figuring the website 60 00:03:45,410 --> 00:03:50,810 so that whenever the website want to use some functions, like how to get the data, blocked it out 61 00:03:50,810 --> 00:03:55,130 to get the user signed, and then it allows this reducer and instead reduce it. 62 00:03:55,130 --> 00:03:56,780 We are sending the reason that we created. 63 00:03:57,110 --> 00:04:01,670 So this is basically the custom reducer that we created that we are sending out over here. 64 00:04:02,510 --> 00:04:04,430 So this is what we do in St. George's. 65 00:04:04,820 --> 00:04:09,080 So I think the React Redux is very accurate as instructed. 66 00:04:09,710 --> 00:04:16,130 These warnings are based on because every time the dependencies gets on updating so that some update 67 00:04:16,130 --> 00:04:16,520 bugs. 68 00:04:16,550 --> 00:04:17,630 No need to worry about them. 69 00:04:18,470 --> 00:04:22,400 He had, as you can see, added eight packages from 52 contributors. 70 00:04:22,400 --> 00:04:24,500 So this is the important message that we want to focus on. 71 00:04:25,310 --> 00:04:28,340 So once this community, we want to install one more package that is. 72 00:04:30,560 --> 00:04:31,160 And both. 73 00:04:32,720 --> 00:04:33,890 React, Google, log in. 74 00:04:35,410 --> 00:04:38,290 So basically, we are going to sign in with Google feature. 75 00:04:39,690 --> 00:04:46,140 So that we can log in with Google, so in what react Google logging or so in Britain in? 76 00:04:48,140 --> 00:04:49,400 And we and start. 77 00:04:51,340 --> 00:04:55,840 So this will mean, meanwhile, there is one more small thing we need to do before finishing up this 78 00:04:55,840 --> 00:04:58,120 veto that is going to be next our debt. 79 00:04:58,420 --> 00:04:59,620 Now we have configured. 80 00:04:59,920 --> 00:05:05,650 So now we'll use their configuration inside the store budget and also the provider function from the 81 00:05:05,660 --> 00:05:10,930 React Redux and use them inside that app so that our app knows that we have to use the Google authentication 82 00:05:10,930 --> 00:05:13,900 using the store and reduces that we have developed. 83 00:05:15,880 --> 00:05:19,810 So before that, you have important so just import. 84 00:05:21,320 --> 00:05:22,040 First thing is. 85 00:05:23,300 --> 00:05:23,870 Provided. 86 00:05:26,500 --> 00:05:27,550 Some React Redux. 87 00:05:35,110 --> 00:05:35,980 And then import. 88 00:05:38,670 --> 00:05:39,090 Store. 89 00:05:42,780 --> 00:05:45,610 From slash to. 90 00:05:48,490 --> 00:05:54,700 So once this is done, our app should know that what kind of provider it should use. 91 00:05:55,480 --> 00:05:56,380 So for that? 92 00:05:57,580 --> 00:05:58,990 Let me write this score. 93 00:06:01,760 --> 00:06:02,840 So the provider. 94 00:06:09,460 --> 00:06:15,070 The provider, when he was the store, fell out of an average store attribute, this should use the 95 00:06:15,070 --> 00:06:17,670 store that we developed the reducers and everything that fit. 96 00:06:18,490 --> 00:06:20,680 So instead of this, I'd have my app function. 97 00:06:25,390 --> 00:06:26,440 This generation? 98 00:06:26,470 --> 00:06:26,730 Yeah. 99 00:06:28,650 --> 00:06:30,000 That extra space is already here. 100 00:06:30,810 --> 00:06:37,290 So with this, we have completed the basic setup like the story, us lives reduce our functions, importing 101 00:06:37,290 --> 00:06:42,390 the necessary packages that also other packages, such as the material you write code and Axios quickly 102 00:06:42,390 --> 00:06:45,870 install them now only npm install. 103 00:06:47,110 --> 00:06:52,500 At the rate that we use in the future religious material, you write, slash court. 104 00:06:53,590 --> 00:07:00,490 And also, Xia's excite us so you can install them in a similar fashion and demonstrate Xia's. 105 00:07:00,880 --> 00:07:07,090 So why don't you install and complete this slide and show Dargis now we can dive into the companies 106 00:07:07,440 --> 00:07:09,970 in the next year and shop at the homepage component. 107 00:07:10,600 --> 00:07:11,500 See you in the next few.