目录一、开发前的准备1. 开发环境2. 开发工具3. 开发依赖二、React脚手架三、创建React项目四、React初体验五、初识JSX1. 什
原创
2022-07-12 17:53:29
284阅读
React diff 算法1. diff 算法实际上,diff 算法探讨的就是虚拟 DOM 树发生变化后,生成 DOM rt/58bf818eacf7179e13d528d4e7637f68.png#a
原创
2022-07-12 21:13:06
932阅读
React路由原理1. React Router概述对于多页面应用而言,一个 URL 对应的就是一个 HTML 页面,而装不同的库,并不
原创
2022-07-12 21:13:18
202阅读
一、Hook简介React Hooks是从React 16.8版本推出的新特性,目的是解决React的状态共享以及组件生命周期管理混乱的问题。React Hooks的出现标志着,React不会再存在无状态组件的情况,React将只有类组件和函数组件的概念。众所周知,React应用开发中,组件的状态共享是一件很麻烦的事情,而React Hook只共享数据处理逻辑,并不会共享数据本身,因此也就不需要关
转载
2021-02-10 18:52:27
524阅读
2评论
一 前言 React高阶组件(HOC),对于很多react开发者来说并不陌生,它是灵活使用react组件的一种技巧,高阶组件本身不是组件,它是一个参数为组件,返回值也是一个组件的函数。高阶作用用于强化组件,复用逻辑,提升渲染性能等作用。高阶组件也并不是很难理解,其实接触过后还是蛮简单的,接下来我将按
原创
2022-07-13 09:44:46
221阅读
大纲主要分为4大块儿,主要是结合源码对 react事件机制的原理 进行分析,希望可以让你对 react事件机制有更清晰的认识和理解。当然肯定会存在一些表述不清或者理解不够标准的地方,还请各位大神、大佬斧正。01 - 对事件机制的初步理解和验证02 - 对于合成的理解03 - 事件注册机制04 - 事件执行机制01 02 是理论的废话,也算是我的个人总结,没兴趣的可以直接跳到 03-事件执行
转载
2022-11-29 13:54:21
88阅读
学和使用react有一年多了,最近想在梳理一下react基础知识,夯实基础,激流勇进关于reacrrouter,redux,reduxsaga后续都会慢慢输出,希望各位看官老爷持续关注要是能给个赞鼓励一下就更赞了react基础知识速览1、什么是JSX?一个JSX语法的示例,如下所示iniconstelement=<h1Hello,world!</h1;这种语法形式,既不是HTML,也不是字符串,而
原创
2022-09-25 20:02:57
99阅读
目录1. React 组件状态(1)什么数据放在 state 中(2)修改 state 的正确方式(3)state 改变引发用
原创
2022-07-12 21:12:27
265阅读
由于新项目的缘故,接触了一下React这个 Javascript 库。下面我就简单的总结一下经验以及遇到的一些问题,希望能够帮到需要的朋友。一、安装 Node.js。 以下是我百度云盘的分享。 https://pan.baidu.com/s/1ftU3mn2jN9bnOGevMdcrDg 提取码:wow3二、安装cnpm cmd命令:npm in
前言文章虽然比较长,但是可以说是全网最全最有用的总结了,学会的记得分享、点赞、收藏、谢谢支持React 在 v16.8 的版本中推出了 React Hooks 新特性。在我看来,使用 React Hooks 相比于从前的类组件有以下几点好处:代码可读性更强,原本同一块功能的代码逻辑被拆分在了不同的生命周期函数中,容易使开发者不利于维护和迭代,通过 React Hooks 可以将功能代码聚合,方便
转载
2022-11-14 13:25:41
55阅读
我们根据使用场景分别进行举例说明,希望有帮助到你认识理解并可以熟练运用 React Hooks 大部分特性。
转载
2022-11-28 15:18:14
71阅读
目录1. 虚拟 DOM 的概念2. 虚拟 DOM 的工作流程3. 虚拟DOM可以带来更好的性能吗?4. 虚拟 DOM 的特描述 DOM 结
原创
2022-07-12 17:39:09
282阅读
大厂技术坚持周更精选好文大家好,俗话说得好,光说不练假把式,我始终认为实ct Hooks的单元测试却很少,或者说并不全面,所以今天就来详细讲讲有关...
转载
2022-10-16 15:24:53
144阅读
目录1. React生命周期概览2. 组件挂载阶段(1)constructor(2)getDerivedStateFromProps
原创
2022-07-12 21:10:41
437阅读
目录1. 高阶组件的概念2. 高阶组件实现属性代理(1)操作 props(2)获取 refs 的引
原创
2022-07-12 21:12:28
425阅读
目录1. 有状态组件和无状态组件(1)概念(2)示例(3)PureCompone
原创
2022-07-12 21:12:53
418阅读
原文:《What Even Are React Server Components》 由Nick Telsan发布于2023年4月28日React服务器组件(React Server Components)即RSC是一种将应用的客户端渲染和服务器端渲染之间界限模糊化的技术,它允许React组件在服务器上加载数据并仅将必要的HTML和JavaScript发送到客户端。大约两年半之前React让我们
原创
2023-07-19 17:01:42
117阅读
1. 纯函数所谓纯函数,它是这样一种函数:即相同的输入,永远会得到相同的输出,而且没有任何可观察的副作用。从纯函数的
原创
2022-07-12 17:31:04
261阅读