1 00:00:00,430 --> 00:00:05,090 In this part we are going to teach about the use we do. 2 00:00:05,480 --> 00:00:08,600 And this is just a brand new app. 3 00:00:08,610 --> 00:00:14,780 There's nothing here and in this part we are trying to use the we threat. 4 00:00:14,870 --> 00:00:17,280 Actually this is a plus trap. 5 00:00:17,880 --> 00:00:21,780 So now we call PD code and paste it in our terminal 6 00:00:25,660 --> 00:00:35,320 and we also have to import the CSF file but first we have to create a new folder called components and 7 00:00:35,320 --> 00:00:44,680 under the components we are going to create a counter start to add and we create these as a functional 8 00:00:44,680 --> 00:00:51,070 component and then we import the CSX here and we have to import their use. 9 00:00:51,130 --> 00:00:56,080 We do the two type of components we are going to use. 10 00:00:56,080 --> 00:01:00,240 One is to put on groups and the other use deep patterns. 11 00:01:00,340 --> 00:01:05,520 And since that we are going to add a button groups that can increase and decrease. 12 00:01:05,710 --> 00:01:07,390 And also we set the counter. 13 00:01:07,540 --> 00:01:15,930 So just like this we have to import from the we add strap so bad to the content of the ESC The important 14 00:01:15,940 --> 00:01:18,360 button and also add a button groups. 15 00:01:18,370 --> 00:01:24,520 Now we can actually copy this one and also paste it here and then we at the Tala 16 00:01:29,340 --> 00:01:39,050 and this is finger the kind of thing you can do to add a bootstrap document and see which one each represent 17 00:01:39,050 --> 00:01:40,090 a red color. 18 00:01:40,290 --> 00:01:42,480 Which one is represent the black color. 19 00:01:42,480 --> 00:01:51,330 Now we have to import the component to convert from the component counter 20 00:01:54,480 --> 00:01:59,480 and then we can replace the defined to contact. 21 00:02:00,810 --> 00:02:04,560 We forget to install the bootstrap. 22 00:02:04,590 --> 00:02:12,840 So we have to also important bootstrap since we thought the era of can't be solved the Bush trap of 23 00:02:12,840 --> 00:02:13,560 the CSA says 24 00:02:23,100 --> 00:02:29,690 now we will refresh the Web site we already can see the buttons left middle and right. 25 00:02:29,690 --> 00:02:36,170 And we have to replace it with another name which is increment 26 00:02:38,790 --> 00:02:40,020 document. 27 00:02:40,460 --> 00:02:45,660 And also we said now we are going to create a you know sold stake 28 00:02:49,910 --> 00:02:51,850 and also we have to create a redo with a 29 00:03:02,610 --> 00:03:08,900 and free phase us which is increment decrement. 30 00:03:10,560 --> 00:03:11,670 And also we set 31 00:03:14,790 --> 00:03:23,220 for the default to one we have to return to current state and for increment we have to return the stage 32 00:03:23,250 --> 00:03:30,380 plus 1 and declare month we have to return to stage minus one. 33 00:03:30,750 --> 00:03:34,180 And for that we said we have to return the initial state. 34 00:03:34,520 --> 00:03:38,820 So inside the counter by going to use the use we do with a 35 00:03:44,410 --> 00:03:46,300 put there. 36 00:03:46,310 --> 00:03:57,440 We do so here and also the initial state where we use dispatch here a real disparity astronauts for 37 00:03:57,440 --> 00:04:04,610 example we will one day increment or decrement astronauts and the stage we turn will become the count. 38 00:04:04,610 --> 00:04:16,780 So I'll of the top of the page we can create a test which show the count and add a button. 39 00:04:16,790 --> 00:04:18,710 We are going to add a functions 40 00:04:23,700 --> 00:04:29,870 now for the increment it will dispatch the increment aspirins and it will return to stay to the count 41 00:04:30,530 --> 00:04:38,600 and for that we said it will dispatch the reset actions and we turn the initial stage to the count. 42 00:04:38,600 --> 00:04:45,300 Now let's take a look when we increase the number we'll be increasing when we decrease the number will 43 00:04:45,300 --> 00:04:45,890 decrease. 44 00:04:46,280 --> 00:04:50,810 And when we we said we'll return to the initial stage which is zero.