首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
react
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
React 单元测试实践
React 单元测试实践,React单元测试实践单元测试(unittesting),是指对软件中的最小可测试单元进行检查和验证。单元测试是由程序员自己来完成,最终受益的也是程序员自己。执行单元测试,就是为了尽量证明这段代码的行为和期望的一致。其实我们每天都在做单元测试,包括那些认为自己从来没有写过单元测试的同事。你写了一个函数,log一下或者在界面上点一下,这,也是单元测试,把这种单元测试称为临时
75
代码人生
01-01 08:00
代码人生
React学习之实现React Router导航守卫【React React Router】
React学习之实现React Router导航守卫【React React Router】,React学习之实现ReactRouter导航守卫导航守卫我们知道,Vue给我们提供了几个钩子函数来让我们完成导航守卫的功能,全局的有beforeEach和afterEach,组件内部的钩子函数有beforeRouteEnter,beforeRouteUpdate和beforeRouteLeave,因而我
75
代码人生
01-01 08:00
代码人生
react中的状态管理方式选择
react中的状态管理方式选择,前言:最近接触到一种新的(对我个人而言)状态管理方式,它没有采用现有的开源库,如redux、mobx等,也没有使用传统的useContext,而是用useState+useEffect写了一个发布订阅者模式进行状态管理,这一点对我来说感觉比较新奇,以前从没接触过这种写法,于是决定研究一下目前比较常用的状态管理方式。ps:这里谈到的状态管理是指全局状态管理,局部的使用
75
后端
01-01 08:00
后端
React 源码阅读 - 调度
React 源码阅读 - 调度,前面的文章中说到了在协调之前还有一个调度的步骤,不过这个调度在目前使用ReactDOM.render这个API的情况下和过去的版本并无区别,Reactv17是个过渡版本。异步可中断模式(ConcurrentMode)下,调度器(Scheduler)才能发挥出其威力,Reactv18才会正式支持此模式。什么是调度?为什么需要调度?一般来说主流浏览器的刷新频率为60Hz
74
后端
01-01 08:00
后端
react和vue区别
两者本质的区别:模板和组件化的区别Vue本质是MVVM框架,由MVC发展而来;React是前端组件化框架,由后端组件化发展而来;Vue使用模板React使用JSXReact本身就是组件化Vue是在M...
74
代码人生
01-01 08:00
代码人生
react源码分析:实现react时间分片
react源码分析:实现react时间分片,我们常说的调度,可以分为两大模块,时间分片和优先级调度时间分片的异步渲染是优先级调度实现的前提优先级调度在异步渲染的基础上引入优先级机制控制任务的打断、替换。本节将从时间分片的实现剖析react的异步渲染原理,阅读本文你讲可以了解时间分片是什么为什么需要时间分片时间分片在react中是如何运行的时间分片的极简实现什么是时间分片上文提到过,时间分片其实就是
74
后端
01-01 08:00
后端
React Hooks 温故知新
概念 React Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性; 以前在编写函数式组件,组件需要自己的 st...
74
后端
01-01 08:00
后端
React源码中的位运算技巧
React源码中的位运算技巧,大家好,我卡颂。这两年有不少朋友和我吐槽React源码,比如:调度器为什么用小顶堆这种数据结构,直接用数组不行?源码里各种单向链表、环状链表,直接用数组不行?源码里各种位运算,有必要么?作为业务依赖的框架,为了提升一点点运行时性能,React从不吝惜将源码写的很复杂。在涉及状态、标记位、优先级操作的地方大量使用了位运算。本文会讲解其中比较有代表性的部分。学到之后,当遇
72
代码人生
01-01 08:00
代码人生
react源码--Fiber的生成
react源码--Fiber的生成,众所周知当前前端MVVM框架都会面临这一个问题:如何更好的减少频繁DOM更新带来的性能损耗?其中,最主流的做法是通过构建虚拟DOM树,虚拟DOM记录了真实DOM的相关数据,在复杂的更新过程中,利用系统调度将复杂的更新按帧率分割成多个小更新,通过计算出每个时间片虚拟DOM的数据和该时间片前虚拟DOM的数据进行比对,便可得出最小的更新位置和更新内容,最后再按时间片映
72
代码人生
01-01 08:00
代码人生
React Native 运行报错 error in opening zip file
React Native 运行报错 error in opening zip file,在项目(AwesomeProject)根目录下运行命令yarnrect-nativerun-android或yarnandroid出现如下错误D:\code\AwesomeProject>yarnreact-nativerun-androidPSD:\code\AwesomeProject>yarnrect-n
72
«
1
2
...
28
29
30
31
32
33
34
35
36
»