最新 最热

手写一个Redux,深入理解其原理-面试进阶

Redux可是一个大名鼎鼎的库,很多地方都在用,我也用了几年了,今天这篇文章就是自己来实现一个Redux,以便于深入理解他的原理。我们还是老套路,从基本的用法入手,然后自己实现一个Redux来替代源码的NPM包,但是功能保持不变。本...

2022-10-10
1

React源码分析1-jsx转换及React.createElement

我们从 react 应用的入口开始对源码进行分析,创建一个简单的 hello, world 应用:

2022-10-06
1

React组件之间的通信方式总结(上)

上回说到JSX的用法,这回要开讲react组件之间的一个沟通。那么什么是组件?我知道英文是Component,但这对我而言就是一个单词,毫无意义。要了解Component之间是如何进行友好交流的,那就要先了解Component是个什么鬼。...

2022-10-06
1

一天梳理完React所有面试考察知识点

在shouldComponentUpdate()判断中,有一个有意思的问题,解释为什么 React setState() 要用不可变值

2022-10-06
1

老生常谈React的diff算法原理-面试版

从代码可以看出,React通过先判断key是否相同,如果key相同则判断type是否相同,只有都相同时一个DOM节点才能复用。

2022-10-05
1

React源码解读之任务调度

简单说下为什么React选择函数式组件,主要是class组件比较冗余、生命周期函数写法不友好,骚写法多,functional组件更符合React编程思想等等等。更具体的可以拜读dan大神的blog。其中Function components capture the rend...

2022-10-04
1

从React源码来学hooks是不是更香呢

要理解 hooks 的执行过程,首先想要大家对 hooks 相关的数据结构有所了解,便于后面大家顺畅地阅读代码。

2022-10-04
1

React的useLayoutEffect和useEffect执行时机有什么不同

注意加粗的字段,React 官方的文档其实把两个 hook 的执行时机说的很清楚,下面我们深入到 react 的执行流程中来理解下

2022-10-04
1

React-Hooks源码深度解读

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

2022-10-03
1

你是如何使用React高阶组件的?

High Order Component(包装组件,后面简称HOC),是React开发中提高组件复用性的高级技巧。HOC并不是React的API,他是根据React的特性形成的一种开发模式。

2022-10-02
1