00:00
下面呢,我们要去开始去写我们项目啊,写我们项目呢,需要把我们前面这个代码是不是再把它变成SC啊。我们开始去写它来把这个。再来一句,看见C,看见V,给它改一个名字。呃,我们就叫他count s rc05。嗯,这个是final,就最终完成了一个版本。好。啊,接着呢,需要去把这个。啊,把这里面先删了吧。换成我的这个里面的吧。嗯。那这一个存在的价值有没有了,是不是给它删掉。看它这个重新编译是不是有效果啊,有效果我们就用,没效果我们就重新启动一下。
01:06
重新启动了,别等了。好,下面我们要说一下,我们的项目也要用上去管理。我们这一次呢,以两个数据为例来去说一下小用管理。有两个数据来说一说哪两个看一下我们最终的那个。那个应用。嗯,第一个简单的,我先做一个简单的,再做一个相对复杂一点的一个是它。这个手印。这个首页数据呢,其实我们前面的分析啊,是在这一个组件里面,指定在这个组件里面去显示。那你走吧。啊,我们可以用redux来去管理起来,说白了,在这边把那个状态,把那个首页,那个标题的名称放到我的redux里面去。
02:06
而这边只负责了什么?来读就行。啊,这是第一个,这个比较简单一些,我们到时候来做一做,这是这个。还有一个啊,就是我们当前登录是不是有一个用户的数据。Leno吧。用户好几个组件是不需要的。啊,这个时候,而且是不是涉及到还要跟后台去发请求。好,这个是比较典型的一个例子,稍微难度大一点点,那下一个管理数据就是什么呢?游走。那你说我们现在有两个数据需要用管理。来,我们现在呢,准备去用,那首先。还是要说我们要把相关的工具包是不是都要下载下来。
03:03
来,回到我们的这个项目的课件。首先我们要去下载一些工具包。有哪些呢?真正做应用不会一个一个下,是一次性下载,我所有需要的,我们来看一下,这是的这个包是不是因为我们要用管理嘛。好,下面为了简化编码,我们用上什么什么。下一个用来干嘛的?是不是解决异步re,异步处理了对不对,而这一个啊,如我们等会再来写一下,如果我不用它,就能有工具帮我提示,那我就可以不用它了。但我还写在这里啊,因为万一你们要是不行的话,得用上是吧,好。来。那个包我们前面是不是已经下载好了,已经下载好的啊,我们就直接用。
04:02
那他写为大代码,首先得要创建一些模板代码,因为很多代码都是固定的模式,首先一上来我会创建一个文件夹。叫什么名字?就叫把代码是不是都写在这里面。有哪些模块需要在这里面写呢?首先我们说最核心的是哪个?十多,所以我一上来哪一个谁十多。嗯。能不听懂再写一下这是谁啊?这是啊,最核心的管理对象是多。这没问题吧?好,除了湿度,还有一个很重要的用来生成新状态的一个函数叫什么?Reducer。啊叫。啊,名字最好就写这个名字。
05:01
啊好,这一个是能干嘛呢,用来根据啊脑的或者现有的state和什么呢,指定的而生生成可返回什么新的。的函数,这能听懂吗?这里面最终是要去定义一个暴露一个函数一个函数的啊,我们先不写内容啊,先把这个代码结构先摆好。稍微写一些注释,好,还有一个我们专门用来去生成action对象的一个模块。啊,本来叫action create,但是我们写名字一般直接写action,为什么是S?多个向外暴露多个是吧。
06:02
这个是包含N个。函数的模块,也就这个模块是不是向外暴露N个X,但是一般我们就称为什么呢?Action。能听懂吧,我的名字叫。但是没关系,其实action不就是用来访问action的吗?能听到吧,但也有同步X线和什么呢?异步X同步X减什么类型对象。是吧,对象什么结构。太为某一个名字,是不是随便写个名字啊?还一个后面的是我用来携带数据的任意名称吧。一定要学这什么,不一定。能听到吧,不一定,这是数据值,能听到吧,好,还有一种是什么?一减一减是个什么类型函数,函数是这个样子,它接受函数的参数是固定的。
07:14
PA。那也就是说我的action有可能返回的是个对象,有可能返回一个什么。函数。这什么听懂来啊,好没问题。好,还有一个简单的模块,我也给他搞得了,叫杠。这是一个什么模块呢?我们说X对象是不是都有一个属性叫太好,它是个标识名称吗?哎,包含N个啊X。嗯,Action的的type常量标识名称的模块。
08:07
明解吧,好,我们常写的就是这么几个,给它摆好。好,没问题。那没问题之后下面啊,我们要说我先把这个写了,这个写法很固定,是一个固定的代码。固定代码,我们最终是不是向外暴露一个十度,而且是默认暴露吧。为什么默认暴露?因为我们就暴露一个是吧,向外什么默认暴露。谁十度?只是我的这个湿度怎么产生呢?是不是有专门的一个函数来创建,那我先得什么?引入那个redu面用来创建多函数,名字叫什么?
09:05
那我就要调用这个函数吧,只是这个函数要接收一个什么。Reduce。是不,那我就应该干嘛去。Reducer,不快是不是有了,是不是引入就可以?听了吧,他除了接受一个reduce啊,我们最终是要实现异步re。那异步要引入另外一个模块。加来不要写大括号在里面,千万千万不要写大括号,写大肯定错了。来,在这里面还需要引入一个函数叫apply。来这个写法固定的。那我们就先不用那个扩展插件,看它能不能显示,如果能显示我就不用那个扩展插件了,好,就是我们不调试的时候。
10:05
可能需要啊,现在如果最新的版本不需要,那就很好了,那就非常舒服好,再一个结构就先暂时写到这里。那下面要说一个事情啊,我们的对是个什么?是不是函数啊,也就是说我最终是不是应该默认向外暴露一个函数对不对?听到了吗?而且是个函数,但是我们实际上是不是有两个数据需要管理?一个是我们头部的标题,一个是我的用户,是不是,那这个时候就应该有两个什么呢,也就是。一个是头部标题,我叫他hand title。可以吧,来说一下用来干嘛的流程啊,用来管理啊,头部标题的与流程函数。
11:03
那这个时候接收什么呢?两个参数固定的,一个叫state,一个叫什么X,而state都需要指定一个初始值,一般我都统一这么写。我们那个标题的数值为多少个,是啊首页或者空串是吧,首页吧。可以吧?啊,默认首页也行啊,没问题。好,来,那里面的写法啊,有个固定的模式,我先把这模式摆好,Switch谁呢?安的什么TT是个标识名称吧。嗯,里面也别写case,直接先来个什么at,原本的值不动。能听到吗?好,那我有管理啊,头部标题的还有管理什么呢。
12:05
当前登录用户的。是不是复制改改就行啊,用来管理什么呢?当前登录用户的。那我们的这个应该叫什么,用户怎么说有呗,那我的这个名字就应该叫伊什么。这个可以吧,可以,而且这个初始值。从哪来,一打开我们最好,我们这个re管理的user从哪来。写个空对象的不太合适。其实。啊,如果写的话,应该是从我们是不是把那个user存在了那个local story里面。
13:04
能听到吗?一上来是不是我就相当于读到内存里面来了,后面我们直接就可看到吧。我问我其他地方还需要去读吗?就是还需要从那个logo里面读吗?不需要是直接进来的吧。这个不懂。来啊,好,那而我最终是不是要暴露的是,整合这两个reduce,产生了新的reduce。那我应该怎么做?我这怎么办啊?是不是得引入那个合并的函数。叫什么卡reduce是吧。而我暴露的也是。他合并过了,是不是只是说传,他怎么传呢?首先谈一个对象,对象有什么。
14:00
有我们的hand什么title,有我们的什么user,那这个地方啊,注意。这个地方要说一些事情,向外啊报默认啊,默认暴露的。是什么合并产生的总的什么流函数是不那管理的总的状态,你的总的state的结构。是一个什么结构?首先整体肯定是一个什么对象,对象里面有什么属性。这个名字是不是由我这个标识名称来决定的?这能听到吧?那值从哪来?是不是调用对应的函数去得到。
15:04
比如说最先初始,他是不是应该是一个这个。游者至少应该是个什么?对象吧,但至于对象里面有没有数据,就看我本身有没有数据,是不是我当前用户有没有登录啊,登录了是不是就有值。这地方。好,那这样的话,我们整体结构就搞清楚了,大家看看啊,我们引入的是总的reducer吧。是不是,那我管理的是不是总的状态。注意啊,这样一个事情好。这边我就尽量写好了,而这一个和这个我们需要的时候再写。因为action是用来去更新状态的。这个是太他们俩一起写。
16:00
至少我们应该有初始状态了,是不是?这不懂,好写好它之后来下面我们要把它。给用上。这个是多要唱的谁句,还记得不?不是传的APP。是不的呀,到吧,要的是最外。来看好了啊,这个时候啊,其他代码是暂时不删,最后这个代码是要删掉的,但暂时不用管好,很简单的事情。这里加个小括号是吧,来诶,我得引入什么provider。的引入啊这个CS鼠标了。来引入一下import大括号from react杠什么,它里面有一个非常重要的主页叫provide。
17:04
提供者是吧,来你要把它包在这外面,是不是把这个APP放在这个什么里面。听懂了吧?而此时我的provider必须要接受一个什么十多,那十多人呢?我有一路吗?没有,所以我要在这里面引入水十多点,下面的什么十多。有没有问题?美女吧。那现在我们要去验证一下,我们写的这么多代码是不是合适的。到底有没有初始状态对不对,来通过什么来看。工具对吧,我们有相应的工具,诶这个地方是这个是吧,刷新一把。
18:01
来。把这一个关了,把我这一个。移到。最右边最左边那把,把其他的干掉。再看的说一点好。打开我们的调试工具。是不是现在有了这个选项。打开它,诶现现在确实不用那个东西了,是吧,那更好。啊,那直接安装上插件和插件就可以了,来看一下我们的状态。诶,这个就就说了,来看一个怎么一上来有什么。Re,有的,这我我没整过呀。我有去风帆it吗?这不像是我的,对不对?
19:02
我还没开始,我们还还没开始分化了,对不对,嗯,来。是我这写动了吗?这里面其实在提示我有有一些没有没有去没有去整啊,没有去去掉一些多余的。状态倒是没有问题,就是这个提示让人有点难受。我改改来改改啊,看说是不是我的,就验证一下是不是我的,很简单的事情。不用打印,我改改数据不就得了吗?就是这里面我不写的首页吗?那我故意写的首二。可以吧?工具也有啥颜色啊,来看一下。刷新一下。再关闭,把这些都关了。浏览器的关了,它可能是缓存的,有可能是吧。来。打开我的。
20:03
这不,我的密码。打开。看到我们的Rex。不行。啊,高兴的太早。对不啊,高原太早还是得用,那没关系,用咱用过是吧。啊,高兴太早啊。来引入一下啊,这个有点长。组合,它也是个组合,我们来使用上我们的这个开发工具啊,来写法很固定,写上就行。再加个括号好了。高兴太早啊。有了吧,有了看一下这。说明就是是不是它自动。第一是是他自动的,好,记得看一下初三来,这不首要吗?
21:02
这不我的游者吗?为什么现在有有者?是因为我现在当前application里面,当前用户是不是已经登录存储了一个user。那这个时候啊,就说明我们的整个是没问题的。差点被他带偏了。OK吧,可以啊,没有问题。哎,这样我们的环境大好了。相当于我们整个环境就整好了啊,没问题。
我来说两句