一.特性fragment模版支持fragment和string类型，对应ReactElement数组和字符串v16.2.0还提供了JSX的fragment支持：<></>errorboundary组件级错误处理，支持捕获子组件树内部异常，UI层的兜底方案portal允许组件树与DOM树结构不一致，用于hovercards，tooltips等场景例如tooltip在DOM结构
原创
2021-01-15 21:22:59
497阅读
一.概览从功能上看，React16规划中有4个关键特性：ConcurrentModeHooksSuspenseforCodeSplittingforDataFetchingforSSRModernizingReactDOM其中，ConcurrentMode（之前叫AsyncRendering）无疑是最值得期待的东西，或将引领变革（合作式调度机制可能泛化成为浏览器能力）单从形式上看，Hooks是对函
原创
2021-01-13 17:10:03
276阅读
React是一个用于构建用户界面的JavaScript库，而TypeScript是一种由微软开发的JavaScript的超集，它添加了静态类型和其他功能。React和TypeScript的结合可以提供更好的开发体验和更可靠的代码。
近期，React 16版本已经发布，并且添加了对TypeScript的官方支持。在这篇文章中，我们将探讨如何使用React 16和TypeScript来构建一个简单的
原创
2024-01-10 11:22:56
79阅读
Returning null will not update state and trigger a component re-render Example: updateMocktail = mocktail => { const newMocktail = mocktail; this.setS
转载
2020-09-01 15:10:00
168阅读
2评论
路由
一、版本5路由
1. react-router-dom
2. 路由的使用
1. 基础使用
安装：yarn add react-router-dom@5
明确好界面中的导航区、展示区
导航区Link标签包裹
<Link to="/home">Home</Link>
展示区写在Route标签进行匹配
<Route path='/home' co
原创
精选
2024-01-03 08:40:31
586阅读
参考视频教程资料: React16+Redux实战企业级大众点评WebApp : (http://www.notescloud.top/goods/detail/1210)<http://www.notescloud.top/goods/detail/1210 React17+ReactHook+TS4最佳实践
转载
2021-08-22 15:25:39
228阅读
挂载阶段（Mounting）：组件的初始化渲染从上图可以得知，在挂载阶段中，React 15 和 React 16.3 生命周期的差异是 componentWillMount 替换为 getDerivedStateFromProps。换句话说，废弃了 componentWillMount，新增了 getDerivedStateFromProps。认识 getDerivedStateFromProp
转载
2021-01-20 19:38:41
1285阅读
2评论
前言React实现可以粗划为两部分：reconciliation和 commit
原创
2022-03-28 14:15:06
2135阅读
1. 初识虚拟DOM
描述
什么是虚拟DOM呢？本质是Object类型的对象（一般对象）
我们为什么要了解虚拟DOM呢?很简单，因为React要用
我们第三点会使用React分别使用js和jsx创建虚拟DOM，在此呢，我们先要了解两大js库：
react.js：react的核心库
react-dom.js：用于支持react操作DOM
注意：加development表示开发模式的库
原创
精选
2023-12-26 14:26:09
264阅读
笔记gitee地址
一、redux是什么
redux是一个专门用于做状态管理的js库（不是react插件库）
它可以用在react、angular、vue的项目中，但基本与react配合使用
作用：集中式管理react应用中多个组件共享的状态
二、什么情况下需要使用redux
某个组件的状态，需要让其他组件可以随时拿到（共享）
一个组件需要改变另一个组件的状态（通信）
总体原则：能不用就不用
原创
精选
2024-01-04 08:40:12
275阅读
对象中调用变量要加[]
函数柯里化的概念通过函数调用继续返回函数的方式，实现多次接收参数最后统一处理的函数编码形式。
函数柯里化的案例
不使用函数柯里化实现form表单的state更新
原创
2021-12-16 17:28:20
121阅读
什么是错误边界？官方描述：过去，组件内的 JavaScript 错误会导致 React 的内部状态被破坏，并且在下一次渲染时 产生 可能无法追踪的 错误。这些错误基本上是由较早的其他代码（非 React 组件代码）错误引起的，但 React 并没有提供一种在组件中优雅处理这些错误的方式，也无法从错误中恢复。部分 UI 的 JavaScript 错误不应该导致整个应用崩溃，为了解决这个问题，React 16 引入了一个新的概念 —— 错误边界。解读错误边界指的是部分UI导致的JS错误导致整个应用崩溃
原创
2022-02-25 14:37:50
223阅读
在class 类中，构造器里面有一个实例变量state ，这个也是class 组件和function组件之间的区别。class 组件有自己的私有的数据export default class BindEvent extends
原创
2022-07-07 17:23:27
266阅读
什么是错误边界？官方描述：过去，组件内的 JavaScript 错误会导致 React 的内部状态被破坏，并且在下一次渲染时 产生 可能无法追踪的 错误。这些错误基本上是由较早的其他代码（非 React 组件代码）错误引起的，但 React 并没有提供一种在组件中优雅处理这些错误的方式，也无法从错误中恢复。部分 UI 的 JavaScript 错误不应该导致整个应用崩溃，为了解决这个问题，React 16 引入了一个新的概念 —— 错误边界。解读错误边界指的是部分UI导致的JS错误导致整个应用崩溃
原创
2021-12-16 16:36:50
135阅读
对象中调用变量要加[]函数柯里化的概念通过函数调用继续返回函数的方式，实现多次接收参数最后统一处理的函数编码形式。函数柯里化的案例不使用函数柯里化实现form表单的state更新
原创
2022-02-25 14:51:03
86阅读
笔记gitee地址
学习了 redux,为什么还要讲react-redux呢？
redux不是专门为react所创建的,只不过在某一刻，react和redux看对眼了，所以俩人走到了一起，所以为了更好的支持redux,react官方出了react-redux来更好的支持redux
1. react-redux工作流程
2. 案例
1. 求和案例react_redux基本使用
明确两个概念：
原创
精选
2024-01-05 08:52:26
528阅读
大家好，我是鱼樱！！！ 关注公众号【鱼樱AI实验室】持续每天分享更多前端和AI辅助前端编码新知识~~喜欢的就一起学反正开源至上，无
