首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
react
订阅
司衡
更多收藏集
微信扫码分享
微信
新浪微博
QQ
9篇文章 · 0订阅
React性能测量和分析
上一篇文章讲了 React 性能优化的一些方向和手段,这篇文章再补充说一下如何进行性能测量和分析, 介绍 React 性能分析的一些工具和方法. 进行任何性能优化的前提是你要找出’性能问题‘,这样才能针对性地进行优化。我觉得对于 React 的性能优化可以分两个阶段: 1. 分…
rc-form流程简析
Form内部有自己的状态管理:fieldsStore记录着所有表单项的信息,通过getFieldDecorator和表单进行双向绑定。 onChange触发onCollect来改变fieldStore中的值并触发forceUpdate来更新,onCollectCommon方法内…
antd design pro+hooks+typescript项目实战指南
源码附在文章末尾, 注意查收。 做为一个基于antd-design-pro和react hooks打造的后台管理系统项目,该项目利用了antd-design-pro提供的权限认证、配置化路由、页面布局组件、面包屑等功能,完成了登录、首页、产品、用户几大模块的开发。由于个人感觉a…
性能!!让你的 React 组件跑得再快一点
React 基于虚拟 DOM 和高效 Diff 算法的完美配合,实现了对 DOM 最小粒度的更新。大多数情况下,React 对 DOM 的渲染效率足以我们的业务日常。但在个别复杂业务场景下,性能问题依然会困扰我们。此时需要采取一些措施来提升运行性能,其很重要的一个方向,就是避免…
React 开发必须知道的 34 个技巧【近1W字】
通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后,使用此方法来创建ref。将其赋值给一个变量,通过ref挂载在dom节点或组件上,该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建,…
webpack+react+antd单页面应用实例
React框架已经火了好长一段时间了,再不学就out了! 对React还没有了解的同学可以看看我之前的一篇文章,可以快速简单的认识一下React。React入门最好的实例-TodoList 自己从开始接触react一窍不通,到慢慢的似懂非懂,通过各种途径学习也有一阵了。学习过程…
Antd Pro的权限组件
前端其实是很难有权限验证的,因为从安全的角度来说,前端没有绝对的安全,攻击者总是可以修改前端的代码。对于 API 的权限可以由服务端保证,但是对于页面的权限可能就比较麻烦了。最好的方法当然还是后端控制——也就是 NodeJs 的后端。如果不能达到这个安全级别的话(不过许多应用也…
掘金最污的 React16.x 图文视频教程(2万5千字长文-慎入)
这是一门免费课程,写文章和录制视频这个我花了1个半月时间,如果你觉的不错可以给一个赞。文章和视频中会详细讲解React的基础知识,React版本是16x,也是目前最新版本(我课程录制开始的日期是2019年5月4日)。今年的目标是录制100集前端免费视频教程,可能大部分都会在Re…
8k字 | Redux/react-redux/redux中间件设计实现剖析
一. redux的实现 在一切开始之前,我们首先要回答一个问题:为什么我们需要redux,redux为我们解决了什么问题?只有回答了这个问题,我们才能把握redux的设计思路。 React作为一个组件化开发框架,组件之间存在大量通信,有时这些通信跨越多个组件,或者多个组件之间共…