首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
React
订阅
星若幻
更多收藏集
微信扫码分享
微信
新浪微博
QQ
59篇文章 · 0订阅
荒山
4年前
React.js
React组件设计实践总结04 - 组件的思维
在 React 的世界里”一切都是组件“, 组件可以映射作函数式编程中的函数,React 的组件和函数一样的灵活的特性不仅仅可以用于绘制 UI,还可以用于封装业务状态和逻辑,或者非展示相关的副作用, 再通过组合方式组成复杂的应用. 本文尝试解释用 React 组件的思维来处理常…
9371
117
5
荒山
3年前
JavaScript
从Preact中了解React组件和hooks基本原理
React 的代码库现在已经比较庞大了,加上 v16 的 Fiber 重构,初学者很容易陷入细节的汪洋大海,搞懂了会让人觉得自己很牛逼,搞不懂很容易让人失去信心, 怀疑自己是否应该继续搞前端。那么尝试在本文这里找回一点自信吧(高手绕路). Preact 是 React 的缩略版…
1.8w
308
22
yeatslv
4年前
React.js
[译] Fiber内幕:深入概述React新的协调算法
React使用一个构建用户界面的JavaScript库,它的核心机制是跟踪组件状态的的变化,然后将更新的状态投影在屏幕上。在React中,我们把这个过程称为协调。我们调用setState方法后,框架会检测state和prop是否发生变化,并重新渲染UI组件。 React文档关于…
1921
9
评论
虹晨
4年前
React.js
JavaScript
前端
你真的理解setState吗?
这两天自己简单的看了下 setState 的部分实现代码,在这边给到大家一个自己个人的见解,可能文字或图片较多,没耐心的同学可以直接跳过看总结(源码版本是16.4.1)。 、performWorkOnRoot、performSyncWork、performAsyncWork这四…
5.0w
1404
102
前端尾巴
2年前
React.js
React 函数式组件的性能优化
React 中最重的(时间开销最大的)一块就是 reconciliation ,翻译为调和、和解。reconciliation 的最终目标是以最有效的方式,根据新的状态来更新 UI,我们可以简单地理解为 diff。如果不发生 render,就不会发生 reconciliatio…
5944
84
23
腾讯AlloyTeam
3年前
React.js
React 组件开发实践
基于 React 的组件化开发方式,为富前端 web 应用提供大量技术实践,社区逐渐形成了稳定的组件规范,本文从 API 层面归纳出 6 种组件类型,分析其优缺点和适用场景,为日常组件开发提供一个方法指南。6 种类型分别为结构型组件、样式型组件、组合型组件、配置型组件、受控型组…
3684
34
11
xiaohesong
4年前
React.js
JavaScript
前端
react设计--他怎么知道是类组件还是函数组件
(直到最近,这是使用状态等功能的唯一方法。) 在这两种情况下,React的目标是获取渲染节点(本例中,是<p> Hello </ p>)。 就像在我之前的帖子中一样,你不需要知道this在React中的所作所为。多年来我一直都不知道。请不要把它变成面试问题。事实上,这篇文章更多…
3626
89
15
秋华
4年前
React.js
【译】 React官方:函数组件与类组件的差异 ?
有一段时间,规范的答案是类提供了更多的功能(如状态)。有了 Hooks,就不再那么正确了。 也许你听说其中一个的性能更好。那是哪一个呢?许多基于此类的论证过程都存在缺陷,因此我会谨慎地从中得出结论。性能主要取决于代码做了什么,而不是您选择的是函数还是类。在我们的观察中,虽然优化…
4826
29
2
ssh_晨曦时梦见兮
2年前
React.js
前端
我在工作中写React,学到了什么?
我工作中的技术栈主要是 React + TypeScript,这篇文章我想总结一下如何在项目中运用 React 的一些技巧解决一些实际问题,本文中使用的代码都是简化后的,不代表生产环境。生产环境的代码肯定比文中的例子要复杂很多,但是简化后的思想应该是相通的。 那么比如在路由发生…
3.9w
803
88
ConardLi
2年前
React.js
JavaScript
Facebook 新一代 React 状态管理库 Recoil
在 React Europe 2020 Conference 上, Facebook 软件工程师 Dave McCabe 介绍了一个新的状态管理库 Recoil。 Recoil 现在还处于实验阶段,现在已经在 Facebook 一些内部产品中用于生产环境。毕竟是官方推出的状态管…
1.9w
252
49