首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
React
订阅
今日好运来
更多收藏集
微信扫码分享
微信
新浪微博
QQ
9篇文章 · 0订阅
React 30 秒速学:制作多行文本组件,限制字符数和单词数
实现 TextArea 多行文本组件,及 LimitedTextarea 限制字符数和 LimitedWordTextarea 限制单词数的多行文本组件。
React 源码系列 | ref 功能详解 | 源码 + 实战例子 | 你可能并不真正懂 ref
<StringRef /> 是由 React.createlElement 产生的一个对象,自身不是实例,所以它和 this 存在区别。 这样从父组件就可以拿到子组件了。 过 1s 之后输入框会自动 focus。 这仅仅是构建了一种结构,渲染要交给 react dom。 打一个…
关于React的ref
可以看到, 我们也可以直接使用回调的方式来获取ref,其实个人感觉这种方式更简单,但是至于作者为什么放弃了这种方式,我目前还不清楚。~我觉得是因为跨组件传递很麻烦吧~。 我们还看到,代码中,onRef方法可以直接把 ref传给上层组件,那么,如果想使用 新版本api将 ref传…
解析 React 性能利器 — Fiber
大部分显示器屏幕都有固定的刷新率(比如最新的一般在 60Hz),所以浏览器更新最好是在 60fps。如果在两次硬件刷新之间浏览器进行两次重绘是没有意义的只会消耗性能。 浏览器会利用这个间隔 16ms(一帧)适当地对绘制进行节流,如果在 16ms 内做了太多事情,会阻塞渲染,造成…
从零搭建中后台框架的核心流程
随着 React 生态的快速发展,社区基于 React 的状态管理方案层出不穷,这意味着很多方案开发者依然要做很多选择,没有约定的团队,沟通成本和跨团队协作成本,以及长期的维护是非常高的,这时候统一一套开发模式就显得尤为重要。 本文将介绍如何从零开始搭建一个高可复用的后台框架,…
React Hooks 最佳实践
在过去的几个月里,React Hooks 在我们的项目中得到了充分利用。在实际使用过程中,我发现 React Hooks 除了带来简洁的代码外,也存在对其使用不当的情况。 在这篇文章中,我想总结我过去几个月来对 React Hooks 使用,分享我对它的看法以及我认为的最佳实践…
React Fiber 源码解析
在 React v16.13 版本中,正式推出了实验性的 Concurrent Mode,尤其是提供一种新的机制 Suspense,非常自然地解决了一直以来存在的异步副作用问题。结合前面 v16.8 推出的 Hooks,v16.0 底层架构 Fiber,React 给开发者体验…
React 事件系统介绍及源码分析
对象池是什么? 对象池其实就是一个集合,里面包含了我们需要的对象集合,这些对象都被对象池所管理,如果需要这样的对象,从池子里取出来就行,但是用完需要归还。 什么时候使用对象池? 初始化、实例化的代价高,且有需求需要经常实例化,但每次实例化的数量又比较少的情况下,使用对象池可以获…
通过例子来理解 React 的事件系统
我们先来看几个题目,如果你都能很确定的说出结果,那么这篇文章就不用看了。 事件委托。React 利用了事件委托,将事件都绑定在 document 之上。 DOM 事件模型。分成捕获、目标、冒泡阶段。 如下所示,我们想监听 li 标签上的点击事件,但是我们不把事件绑定在 li 上…