#React

数据提供渲染为 HTML 视图的开源 JavaScript 库

react源码解析11.生命周期调用顺序

全栈潇晨

函数组件hooks的周期会在hooks章节讲解,这一章的使命周期主要针对类组件,各阶段生命周期执行情况看下图:

3220

react源码解析10.commit阶段

全栈潇晨

在render阶段的末尾会调用commitRoot(root);进入commit阶段,这里的root指的就是fiberRoot,然后会遍历render阶段生成的...

3100

react源码解析9.diff算法

全栈潇晨

在render阶段更新Fiber节点时,我们会调用reconcileChildFibers对比current Fiber和jsx对象构建workInProgre...

4500

react源码解析8.render阶段

全栈潇晨

在源码的ReactFiberFlags.js文件中,用二进制位运算来判断是否存在Placement,例如让var a = NoFlags,如果需要在a上增加Pl...

5220

怒肝最新保姆级前端学习路线,速成贴心全面!

程序员鱼皮

软件工程师 · 腾讯 (已认证)

是不是有点儿长,感觉要被劝退了?不过不用担心,为了帮助大家更轻松地了解前端知识体系,我对这份路线撒了点 糖 ~

10450

react源码解析7.Fiber架构

全栈潇晨

react15在render阶段的reconcile是不可打断的,这会在进行大量节点的reconcile时可能产生卡顿,因为浏览器所有的时间都交给了js执行,并...

4210

react源码解析6.legacy和concurrent模式入口函数

全栈潇晨

react有3种模式进入主体函数的入口,我们可以从 react官方文档 <a href="https://zh-hans.reactjs.org/docs/co...

1100

react源码解析5.jsx&核心api

全栈潇晨

总结:jsx是React.createElement的语法糖,jsx通过babel转化成React.createElement函数,React.createEl...

4520

react源码解析4.源码目录结构和调试

全栈潇晨

方法一:可以用现成的包含本课程所有demo的项目来调试,建议使用已经构建好的项目,地址:https://github.com/xiaochen1024/reac...

6930

react源码解析3.react源码架构

全栈潇晨

在真正的代码学习之前,我们需要在大脑中有一个react源码的地图,知道react渲染的大致流程和框架,这样才能从上帝视角看react是怎么更新的,来吧少年。

6520

react源码解析2.react的设计理念

全栈潇晨

React15之前的协调过程是同步的,也叫stack reconciler,又因为js的执行是单线程的,这就导致了在更新比较耗时的任务时,不能及时响应一些高优先...

9260

react源码解析1.开篇介绍和面试题

全栈潇晨

作为前端最常用的js库之一,熟悉react源码成了高级或资深前端工程师必备的能力,如果你不想停留在api的使用层面或者想在前端技能的深度上有所突破,那熟悉rea...

11360

安装react-cli脚手架

Shao Jie

一步一步去看react的文档实在是太累了,我要直接装脚手架了,一步到位,其余的基础的东西慢慢学习吧

6140

创建react路由

Shao Jie

学习一点简单的前端还是有很多好处的,除了能让你头疼还能让你再也不想碰这sb东西,但是程序员这种傻缺,总是在喊

8430

React-Hooks 面试解答

西岭老湿

最近看到一个关于 React 的面试题,是京东技术三面的题目,感觉很有意思,一起来看看:

10520

手把手教你写一个经典躲避游戏

HZFEStudio

因为作者只是个普普通通的页面仔,并不是从属于游戏行业的开发者。平时会写一些小游戏也只是兴趣使然,脑子里经常会蹦出一些小点子。所以很多知识也只是自己摸索拼拼凑凑来...

11220

【玩转腾讯云】手把手教你使用Vue/React/Angular三大框架开发Pagination分页组件

DevUI团队

19世纪著名的印象派画家莫奈,喜欢对着同一处景物,分别画出对象在不同时间,不同光线下的色彩变化。

10100

动手练一练,使用 React 和 Next.js 做一个简单的博客网站(中)

前端达人

大家好,在《动手练一练,使用 React 和 Next.js 做一个简单的博客网站(上)》一篇文章里,我们一起了解了什么是 Next.js,并手工创建了一个简单...

10010

动手练一练,使用 React 和 Next.js 做一个简单的博客网站(上)

前端达人

Next.js是一个基于 React 的应用框架,使用它可以快速上手开发 React 应用,而不是先花很多时间和精力去折腾各种开发工具,除了以上特点,使用其构建...

11740

第 006 期 React 运行时性能优化之减少渲染组件的次数

前端GoGoGo

子组件用 PureComponent 和 React.memo 可以避免这种情况下的 Render。类组件用 PureComponent,函数组件用React....

6900

扫码关注云+社区

领取腾讯云代金券