00:00
对一下屏是吧。好了吗?好来啊,那我们往下看下一个,看下一个。呃,下一个呢,我们需要去引入。啊引需要下载的库还挺多的,因为我们要运应用上所有的特性是吧?啊不仅需要,还需要react redux。对吧,啊,还需要redu think异步嘛啊,同时我们还希望能用上这个调试工具啊调试工具,那我把这个呢给它下载一下啊。呃,我再启动一个,让他一起下。
01:01
好,来下个方程,我们来去说一说,现在呢,我们要去学Rex,代码一上来。我们就把那几个文件都创建出来,再说就是这个里面一共四个文件啊,都创建出来。来,呃,写哪些呢?我们来看一下啊。譬如说我们这个地方啊,有两个核心的东西,一个叫store,一个叫reducer,或者叫reduce,这个能不能懂啊度这个称它为什么re是嗯,最核心的管理模块啊,对象管理对象模块吧,这样能懂吧,其实这个人代码非常固定。啊,还有一个,其实写的最麻烦最多的一个代码就是。别的代码其实都好写,或者叫R都行,这个里面来说下,包含啊多个N个reducer函数,那每个reduce函数是一个什么样的函数呢?
02:14
是吧,根据脑的state和指定的it,返回一个新的。这能不能看到,好,下面继续。再来一个,这里面还一个叫嗯是什么呢?包含啊N个13是叫X。Create这个能不懂啊,有两种情况,一个叫异步X,一个叫什么同步X啊,其实这里面就有两个概念是吧?啊同步X好,继续下面还一个,这个最简单啊,叫。
03:14
包含N个action type名称强量,这能懂吧,好行啊,弄好以后啊,下面我们来去在这里面呢,这两个先不写,主要是写这两个,来我们来说一下这个reduces里面是包含N个reduce函数啊,我们先随便来一个。这叫function,假设就要叉叉,因为我们现在不知道有什么数据需要管理,所以我随便写个名字,哪一个state是吧,就等于零拉倒。还有个什么action啊,我这里面就写个简单的实现,就反馈是这,因为现在我还不确定干什么,连这个名字都是随便写的,这是一个reduce吧,我再来一个reducer,现在就示意一下就行。
04:17
我们现在主要做的一些事情,我有多个reducer,我需要去做个什么事情,是需要将他们合并对吧?啊re,中。哎。这么久还没下载完呢,应该没识别到吧,估计是下载应该下载完了,你看现在加载是吧,看一下。对吧,好来下面。找到我们的什么呢?Combine reduce。而我们向外暴露的也就export default谁了,执行这个函数,它返回的就是一个reducer。
05:07
对吧,但是我们需要这个reducer,是不是能够管理他们的状态啊,合并他们的状态,怎么合并呢?传个对象来去指定X,指定什么呢?Y。你现在问一下大家,你说我们最终向外暴露的状态啊。暴露的状态的结构是什么呢?对象?属性名加X,它的值应该是零,现在就是零嘛,对吧,YY也是什么零对吧,我们没有别的值,等会我们就通过工具来去看一下它,看看是不是这样一看就能明白。这个能不能懂,能懂啊好啊,这一个弄好以后呢,下面我们要弄的就是十多的代码,这个是多的代码非常的孤立,也就是说最终我们向外暴露十多把对吗。
06:11
暴露是多对象啊好,这个向外暴露三,那不一个port default吗?谁来帮我产生这个是多对象啊,是不是有一个函数来着啊,有个函数,这个函数呢叫CREATE10度,那也就说我现在暴露它很简单,直接就可以CREATE10度。当然你也可以定义一个变量存,存了以后再暴露,那也没问题。能不懂好,而我这个great store可以接收两个参数,第一个参数是我的什么reduce reducer刚才我是不是定义好了,我现在引入啊,我叫他reduce啊,点斜杠什么reduce传的就是它这个能不能懂啊,下面啊,下面的写法非常固定,我就一口气给他写完啊,我们现在需要去再引入一点东西,引入一个异步。
07:17
对吧,或者啊from啊from什么呢?Res s对吧,还要引入一个东西啊来啊,我们这个地方在这上面,这上面需要有一个应用中间键。这里面还要引入一个。是不是扩展插件呢?哎,在这里面指定一下啊,它这样一个工具函数,好这个后面怎么写呢,非常的不利括号。是吧,接着接着是think对吧,那一说这个代码以后就不用再改了。
08:07
这个能不能懂啊,大家啊,稍微写的一遍就可以了啊。好,那我的这个思度定义好了以后,下面我怎么样用上这个湿度了,需要在我的入口JS里面写点东西,在入口JS里面啊,需要引入。一个组件。来先从哪引入了,引入一个组件叫什么provide。是吧,大自然我需要去引入我的那个store,对吧?啊下面的什么十多。那这个里面怎么写的呢?那太简单了。来一个provide。
09:00
这没问题吧,接着这里面接收什么尺度啊,把这一个整个给他什么穿进去。能不能看到。啊好,那这样的话呢,我们啊,就把我们的整个redux相关的一些东西都已经全部引入进来了,那下一步我们就是要去测试看一下,看看它行还是不行啊。我先看它自动行不行,不行,我们再重启一下。先主要就是要看这个东西,看这个玩意。Re,插件是吧,如果能显示这个界面,那基本上就没问题了,那下一步咱要看的是什么呢?看的是这个state里面是不是有我们刚才设计的那个结构是不是是的呀,刚好吗?大家看。
10:05
是对,是个对象吧,对象里面有两个属性,一个叫叉叉叉,一个叫什么YY,它们的值是不是都是零呢?能理解吧,嗯嗯,那这样的话呢,我们就把我们的Rex也引用上了,这前面我们引入了三个重要的库,一个是d mobile。一个是root,再一个就是redux相关的一些库。这个啊,大家必须能够去做出来啊,做出来以后,我们后面就是慢慢的去写界面呢,去做功能,把那个东西一点一点的完成。是好下面时间。
我来说两句