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

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

javascript某课 javascript课设题目
// 1.九九乘法表 for (var i = 1; i < 10; i++) { document.write("<span>"); for (var j = 1; j <= i; j++) { if (j % 2 == 0) { document.w
javascript某课
i++
数组
整除
转载
梦里忧郁
2023-06-21 20:56:33
90阅读

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.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阅读

前端跳槽突围课：React18底层源码深入剖析(完结)
前端跳槽突围课：React18底层源码深入剖析(完结)前端跳槽突围课：React 18 底层源码深入剖析介绍React 是一款由 Facebook 推出的用于构建用户界面的 JavaScript 库。随着 React 18 的发布，它引入了许多新的特性和改进，对前端开发者而言，掌握 React 18 的底层源码将成为突围的关键。本文将深入剖析 React 18 的底层源码，带领读者深入了解
新特性
应用程序
工作原理
原创
mb654891d923c63
2024-05-31 12:45:27
67阅读

前端跳槽突围课：React18底层源码深入剖析(完结)
React 18：技术革新与性能飞跃React 18 作为 React 框架的一个重要里程碑，带来了众多引人注目的新特性和性能优化，极大地提升了开发效率和用户体验。本文将深入探讨 React 18 的核心特性及其在实际开发中的应用。一、新渲染引擎：React ReconcilerReact 18 采用了全新的渲染引擎 React Reconciler，这一引擎带来了更好的性能和可扩展性。React
开发者
API
事件处理
原创
爱学IT学无止境
2024-07-19 16:42:51
94阅读

前端跳槽突围课：React18底层源码深入剖析(完结)
前端跳槽突围课：React18底层源码深入剖析(完结)标题： React 18底层源码探秘：架构演进与核心机制引言：React的发展历程及其在前端开发中的重要地位。React 是由 Facebook 开发的用于构建用户界面的 JavaScript 库。它的发展历程可以追溯到2011年，最初是由 Facebook 的工程师 Jordan Walke 创建的。最初的版本并不是开源的，而是用于
前端开发
渲染器
开发者
原创
mb661ddc3500dd9
2024-05-28 13:31:44
165阅读

前端跳槽突围课：React18底层源码深入剖析(完结)
前端跳槽突围课：React18底层源码深入剖析在前端技术日新月异的今天，React作为最受欢迎的JavaScript库之一，其每一次版本更新都备受瞩目。React 18作为React生态系统中的一个重要里程碑，不仅带来了诸多新特性和性能优化，更在底层源码上进行了深度革新。本文将从专业的角度，对React 18的底层源码进行深入剖析，助力前端开发者在跳槽中展现深厚的技术功底。React 18的核心架
开发者
更新过程
性能优化
原创
爱学IT学无止境
2024-07-10 10:45:46
78阅读

前端跳槽突围课：React18底层源码深入剖析(完结)
爱学it学无止境React18底层源码深入剖析React 18作为Facebook团队在React生态系统中推出的一个重要版本，带来了诸多新特性和性能优化，特别是并发模式和新的Suspense组件，极大地提升了应用的响应性和用户体验。本文将从React 18的底层源码角度进行深入剖析，探讨其实现原理和技术细节。React 18的核心架构React 18的核心架构主要包括Reconciler（协调器
数据加载
更新过程
时间片
原创
爱学IT学无止境
2024-07-23 15:50:11
70阅读

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源码
指导链接：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源码 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阅读

yarn react hooks项目 react hook源码
React源码解析————ReactHooks（一）2021SC@SDUSCHooks使用userState():状态钩子useContext():共享状态钩子useReducer():Action钩子useEffect():副作用钩子ReactHooks.js 2021SC@SDUSC2021SC@SDUSCHooks使用众所周知，React的组件创建方式，一种是类组件，一种是函数组件，一般来
yarn react hooks项目
react.js
javascript
前端
ide
转载
架构师之光
2024-01-29 11:12:57
67阅读

React -24 react-redux源码解读
1.provider方法2.connect方法处理默认值3.完整myReactRedux.jsimport React, { createContext, useContext, useEffect, useState, useMemo } from "react"; import { bindActionCreators } from 'redux'; const ThemeContext =
react
原创 精选
非要起昵称
2023-06-26 15:06:38
247阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

React源码学习——ReactClass

react源码初步分析

react 18 useState源码

如何学习React源码

读react源码准备

【React 源码阅读】useCallback

React SSR 源码剖析

npm 调试 react源码

react源码学习-01

react源码之useCallback

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

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