温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
那从这一小节开始呢,我们来给大家讲一下react roor的最新版本,就是react roor6,那这个六版本呢,是在2021年的11月份,它成为的默认版本,诶也就是说现在你通过NPM去安装roer,你直接安装的就是六版本了,我们先来看一下这个概述啊,React roor呢,它每次发布版本呀,都是以三个不同的这种包的形式发布到NPM上的。其实react roor5的时候,它也是这么做的,我们来看一下这三个包啊,第一个呢叫做react roor,第二个叫做reactor do,第三个叫做react roor native,他们三个呢,分别有不同的使用场景,咱先说第一个啊,第一个呢是核心库,哎,也就是说这是根儿,给我们提供了很多内置的组件呀,钩子呀,然后第二个呢,针对性就比较强了,它在完整的包含第一个包的基础上呢,又添加了很多针对盗墓的组件。
01:05
大家想想,我们当时在学五版本的时候,是不是需要一个组件把我们整个的应用都包裹起来,那个组件叫什么名字来着?哎,B roer对吧?哎,简单来说,这个react roer DOM专门用于编写web应用的,哎,再简单点说,就写网页用的好,再看第三个,第三个呢,叫做react RO native,这个针对性就更强了,它是专门用于编写react native应用的,当然它也提供了很多RN里边专有的API,还有一些内置的组件啊,比方说这个native对吧?那当然我们用不上了,我们更关注的其实就是第二个,哎,就是被我标为红色的这个库,React roor do,五版本的时候咱学的不就是这个吗?然后再看第二个问题,这个六版本呀,和五版本相比,它到底改变了哪些东西啊?大概呢,先给大家说说,一共分为三大类,内置组件是有变化的,有移除也有新增,比方说它移除了我们之前经常使用的Switch组件,那么取而代之的呢,是一个全新的叫做Rose的这么一个组件,那到底新增了什么,移除了什么,我常用的又有什么呢?看一下左侧的目录,打开这个二,诶,我把它常用的这些都给大家整理好了,现在呢,咱先不用仔细看,然后再说第二个方向,就是语法上也是有一些变化的,比方说原来呢,我们在注册路由的时候是这样,指定路由组件的,用一个属性叫做component,但是现在换了啊,用一个全新的属性叫做element,并且后边的写法呢,也是有点区别的,还说老师那一共有多少个语法的改变呢?大家别急,我们通过element。
02:53
特例,把这些所有变化的语法都让大家看见,然后再说第三个方向,就是新增了很多的hook,哎,比如说use permit use navigate use match等等,还有很多,那一共新增了多少个常用的呢?打开左侧目录里的第三个,诶,我把常用的这十个都给大家整理好了,好吧,那说完第三个呀,肯定有一些同学就想到了他新增了这么多的hook,但是没记错的话,好像react里边类似组件中是不可以用这个hook的呀,所以说同学们一个重要的信号就出来了,怎么着?
03:33
React官方现在已经明确的推荐我们使用什么式组件函数式组件了啊,就可以直接这样讲,我们曾经天天写的类式组件,早晚有一天要被函数式组件所取代,而且细心的同学你打开react官网,你发现官网里面所有的例子啊,几乎都是拿函数式组件去写的,所以说在我们接下来的课程讲解当中,我们会把曾经在react ro5那个版本里边做的那个案例全都重新拿六给它写一遍,并且写的时候我就直接用什么式组件函数式组件了,哎,正好呢,咱也迎合一下官方的这个推荐,好吧,哎,这就是一个简单的介绍啊,那这小节呢,我们停一下。
我来说两句