51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

react源码初步分析
React.render// 用于获取createElement或者jsx通过babel编译的虚拟节点// 指定htm
react
数组
加载
数据
原创
坚持学前端
2022-08-19 11:27:57
67阅读

React 16.8.0 源码分析笔记
搞懂了流程，却分不清哪部分是融合，哪部分是调度.. ...
其他
转载
mob604756e7abe8
2021-10-14 20:38:00
257阅读
2评论

react的useState源码分析
前言简单说下为什么React选择函数式组件，主要是class组件比较冗余、生命周期函数写法不友好，骚写法多，functional组件更符合React编程思想等等等。更具体的可以拜读dan大神的blog。其中Functioncomponentscapturetherenderedvalues这句十分精辟的道出函数式组件的优势。但是在16.8之前react的函数式组件十分羸弱，基本只能作用于纯展示组件
react
原创
jsisbset
2022-10-04 12:41:08
140阅读

reactjs 源码架构分析 react源码难吗
网上已经有不少react源码分析文档，但都是分析主流程和主要功能函数，没有一个是从reactDOM.render()入口开始分析源码把流程逻辑走通尤其是把重点难点走通直到把组件template编译插入网页生效结束这样一个从头到尾的完整过程。本文从ReactDom.Render()入口开始追踪分析源码直到网页显示hello world(ajax从后台获取数据之后被替换为字符串)的整个处理流程，主要针
reactjs 源码架构分析
javascript
webpack
人工智能
ViewUI
转载
fjfdh
2024-01-16 20:56:11
17阅读

React源码 React ref
ref 的功能，在 react 当中。我们写了一个组件，在这个时候，我们的 render function 里面我们会渲染一系列的子组件或者 dom 节点，有时候我们会希望有这样的需求，就是我们要获取某个 dom 节点，或者是某个子组件的实例。去对他进行一些手动的操作，而不仅仅是 props 更新这
字符串
子节点
react.js
facebook
sed
转载
mob60475707384d
2019-11-26 20:24:00
357阅读
2评论

React的零渲染问题及源码分析
什么是React的零渲染问题？如何解决零渲染问题？React源码是如何处理的？ 阅读本文可以略知一二。
前端
React.js
ooc
空字符串
查看源码
原创
wx62d8b1b6ab585
2022-10-07 22:57:14
360阅读

#yyds干货盘点#react的useState源码分析
简单说下为什么React选择函数式组件，主要是class组件比较冗余、生命周期函数写法不友好，骚写法多，functional组件更符合React编程思想等等等。更具体的可以拜读dan大神的blog。其中Function components capture the rendered values这句十分精辟的道出函数式组件的优势。但是在16.8之前react的函数式组件十分羸弱，基本只能作用于纯展
函数式
结点
初始化
原创
尼羲
2023-11-11 09:36:57
169阅读

「React系列」之createElement及render源码分析
React元素只读性Object.freeze方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。此外，冻结一个对象后该对象的原型也不能被修改。freeze() 返回和传入的参数相同的对象。Object.freeze() | MDNlet element =
React
createElement
转载
mb6008e8d3f0fac
2021-01-21 19:20:37
859阅读
2评论

React源码 React.Component
React中最重要的就是组件，写的更多的组件都是继承至 React.Component 。大部分同学可能都会认为 Component 这个base class 给我们提供了各种各样的功能。他帮助我们去运行了这个 render function 。然后最终把我们写在里面的 dom 标签或者子组件之类的
ide
sed
构造函数
生命周期
初始化
转载
mob60475707384d
2019-11-22 20:41:00
230阅读
2评论

React源码 React.Children
children是什么意思呢？就是我们拿到组件内部的props的时候，有props.children这么一个属性，大部分情况下，我们直接把 props.children 渲染到 JSX 里面就可以了。很少有情况我们需要去操作这个 children 。 但是如果一旦你需要去操作这个 children 
数组
递归
ide
嵌套
一维数组
转载
mob60475707384d
2019-11-30 17:32:00
162阅读
2评论

react源码解析3.react源码架构
r这一章的目的是让我们认识一下react源码架构和各个模块。在真正的代码学习之前，我们需要在大脑中有一个react源码的地图，知道react渲染的大致流程和
优先级
链表
多节点
原创
goClient1992
2022-04-12 08:43:56
231阅读

react源码解析3.react源码架构
react源码解析3.react源码架构视频讲解（高效学习）：进入学习(https://xiaochen1024.com/series/60b1b600712e370039088e24/60b1b636712e370039088e25)往期文章：1.开篇介绍和面试题(https://xiaochen1024.com/courseware/60b1b2f6cf10a4003b634718/60b1b
react
原创
goClient1992
2021-12-13 09:30:03
380阅读

浅析 react源码
指导链接：React 原理解析1. createElementJSX 代码会被 Babel 编译为 React.createElement：<div id="testId"> <div id="testId2">222</div> <div id="testId3">333</div></div>// 解析成以下样子React.createElement( "div", // -> type {
react
d3
数组
ide
其他
原创
wx5b513ff79311e
2021-11-30 15:56:29
74阅读

react 源码概览
React 采用 monorepo 的管理方式。仓库中包含多个独立的包，以便于更改可以一起联调码的
react
渲染器
facebook
json
翻译
wu_qiang
2022-11-23 00:27:06
60阅读

react 源码学习
源码学习记录1. React Api2. React中的创建更新3. React调度过程（Fiber Scheduler）4. 组件如何进行更新5. 组件更新完成后进行的操作1. 虚拟Dom对比2. 渲染中出现错误的处理过程6. 真实Dom更新7. 各种功能的实现（content，ref，hydrate...）8. Suspense (超前体验)9. Hooks1. React ApiFibe...
react
源码
子节点
数组
重绘
原创
wx5b513ff79311e
2021-11-30 16:05:00
137阅读

React源码 ReactContext
我们知道在react当中，组件与组件的沟通是通过props，父组件通过props给子组件传递一些属性，父组件可以传递一些回调函数给子组件，让子组件在某些特定的时候，可以调用父组件的一些特性。 但是我们会存在一个问题就是，react 的应用当中，组件和组件之间并不一定只有父子关系。他们还会存在着父子嵌
ide
提供方
数据
回调函数
实现原理
转载
mob60475707384d
2019-11-27 20:22:00
100阅读
2评论

React源码 Hooks
我们先初步了解下 hooks，使用 useState 和 useEffect。 /** * 必须要react和react-dom 16.7以上 */ import React, { useState, useEffect } from 'react' export default () => { c
数组
生命周期
赋值
ide
事件绑定
转载
mob60475707384d
2019-11-29 19:44:00
238阅读
2评论

react源码探索
addons：工具方法插件：PureRenderMixin、CSSTransitionGrouo、Fragment、LinkedStateMixin。isomorphic：包含一系列同构方法。shared：公用方法和常用方法。test：测试方法。core/tests：边界错误的测试用例。renderers：React的核心代码，包含大部分功能实现，因此进行单独分析。dom：包含client，ser
Text
工具方法
测试用例
原创
wx62ce30dccdeaa
2023-12-14 11:53:26
31阅读

react useState源码 react源码深度解析 慕课网
前言适合有一定 React 项目经验阅读，默认对 React 的常用 api 较为熟悉研究 React 源码是结合网上的一些分析文章＋自己看代码理解最开始看是因为项目中遇到性能问题，网上没有相关资料，所以想找到具体影响的点以下的代码解析以 15.4.1 版本为基础，且去除了开发环境的warning，为了区分，保留的注释都为英文，新增的注释为中文，尽量保持原注释文中有部分自己的演绎、理解、猜测，如有
react useState源码
React
源码
对象池
封装
转载
mob64ca1416b5a8
2024-06-18 10:16:45
74阅读

React源码分析与实现(三)：实操DOM Diff
推送技术干货/优秀开源/技术思维由于源码中diff算法掺杂了太多别的功能模块，并且dom diff相对于之前的代码实现来说还是有些麻烦的，尤其...
java
python
js
xhtml
dom
转载
趣谈前端
2022-01-11 16:36:55
113阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

React -24 react-redux源码解读

yarn react hooks项目 react hook源码

react 数据分析 react测评

如何学习React源码

读react源码准备

【React 源码阅读】useCallback

React源码学习——ReactClass

react 18 useState源码

React SSR 源码剖析

npm 调试 react源码

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯