最新 最热

React源码中的useState,useReducer

大家都知道hooks是在函数组件的产物。之前class组件为什么没有出现hooks这种东西呢?

2022-12-07
1

React源码渲染机制

jsx语法转换后,会通过creatElement或jsx的api转换为React element作为ReactDom.render()的第一个参数进行渲染。

2022-12-07
1

setState流程

setState() 将对组件 state 的更改排入队列批量推迟更新,并通知 React 需要使用更新后的 state 重新渲染此组件及其子组件。其实setState实际上不是异步,只是代码执行顺序不同,有了异步的感觉。...

2022-12-06
1

React源码中的合成事件

React事件就是在组件中调用的onClick这种写法的事件。上面分为5个函数写,主要是区分不同的事件注册逻辑,但是最后都会添加到allNativeEvents的Set数据结构中。...

2022-12-06
1

感受react源码的进化

网上有许多关于react源码解读的文章,其中有很多都只是单纯贴源码,罗列变量名。其实大家都知道这个英文怎么读,直译也大概知道意思,但是这个英文在react中起到什么作用,并没有说的很通俗明白。...

2022-12-06
1

React-Hooks源码解读

这个代码有一个问题,在执行 useState 的时候每次都会 var _val = initialValue,初始化数据;

2022-12-06
1

react源码之组件的创建和更新

因为初始化的源码文件部分所涵盖的内容很多,包括创建渲染、更新渲染、Fiber树的创建与diff,element的创建与插入,还包括一些优化算法,所以我就整个的React执行流程画了一个简单的示意图。...

2022-12-05
1

全手写实现react源码的核心功能

React 的代码还是非常复杂的,虽然这里是一个简化版本。但是还是需要有不错的面向对象思维的。React 的核心主要有一下几点。

2022-12-05
1

来手写一个react,理解react运行机制

react的源码,的确是比vue的难度要深一些,本文也是针对初中级,本意让博友们了解整个react的执行过程。

2022-12-05
1

Vue组件间的通信方式浅析

在Vue组件库开发过程中,Vue组件之间的通信一直是一个重要的话题,虽然官方推出的 Vuex 状态管理方案可以很好的解决组件之间的通信问题,但是在组件库内部使用 Vuex 往往会比较重,本文将系统的罗列出几种不使用 Vuex,比较实...

2022-12-05
1