首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
react
订阅
kkkman22
更多收藏集
微信扫码分享
微信
新浪微博
QQ
10篇文章 · 0订阅
21个让React 开发更高效更有趣的工具
为了保证的可读性,本文采用意译而非直译。 下列工具中的重要性与排序无关。 有没有想过你的应用程序的哪些包或哪部分代码所占总大小的多少? Webpack Bundle Analyzer可以帮助咱们分析。 Webpack Bundle Analyzer创建一个实时服务器,并提供依赖…
【译】21 项优化 React App 性能的技术
在 React 内部,React 会使用几项巧妙的小技术,来优化计算更新 UI 时,所需要的最少的更新 DOM 的操作。在大多数情况下,即使你没有针对性能进行专项优化,React 依然很快,但是仍有一些方法可以加速 React 应用程序。本文将介绍一些可用于改进 React 代…
使用React-Hooks开发聊天室之2.0版本
React 在前端界大行其道将近三年了,他带来的数据与 UI 绑定的优势,让我们告别了 jQuery 和 DOM,让我们把注意力集中到单向数据流上,我们可以把一大个 web app 拆分成小的,独立的,可重用的组件, 两年前我刚刚接触 React,自学开发了聊天室第一版,当时对…
让react用起来更得心应手——(React 基础简析)
3. ReactDom.render(vnode,root)会将其渲染出到页面root中: 4. ReactDom.render原理简析: 类组件消除了函数声明组件的问题,也是现在写react的正常语法。 个人使用一种框架时总有一种想知道为啥这样用的强迫症,不然用框架用的不舒服…
提高React开发效率的5个工具
React非常适合快速开发具有漂亮交互式UI的应用程序。React组件是创建隔离和可重用构建块的好方法,可以用于开发不同应用程序。 一些最佳实践有助于开发更好的应用程序,但正确的工具可以使开发过程更快。以下是5(+)个有用的工具,可以加快组件和应用程序的开发效率。 1. Bit…
深入探究Immutable.js的实现机制(一)
本文是我正在更新的深入探究immutable.js系列的第一篇。 Immutable.js 由 Facebook 花费 3 年时间打造,为前端开发提供了很多便利。我们知道 Immutable.js 采用了持久化数据结构,保证每一个对象都是不可变的,任何添加、修改、删除等操作都会…
React 服务端渲染方案完美的解决方案
最近在开发一个服务端渲染工具,通过一篇小文大致介绍下服务端渲染,和服务端渲染的方式方法。在此文后面有两中服务端渲染方式的构思,根据你对服务端渲染的利弊权衡,你会选择哪一种服务端渲染方式呢? 使用 React 构建客户端应用程序,默认情况下,可以在浏览器中输出 React 组件,…
React中 `锁定`this的N种‘facade pattern’模式
由于本文是主要介绍React中锁定this的N种方法,不会过多的介绍this多面性的原因,相信大家应该都知道词法作用域和动态作用域。并且也知道在es6之前我们依然有很多种方式,去锁定this的指向(call, apply, bind)。接下来我们也会结合这些方式,在React中…
浅析前端状态管理
前端技术的发展日新月异,vue,react,angular等的兴起,为我们带来了新的开发体验。但随着技术的革新,以及前端页面复杂度的提升,对应有localStorage,eventBus,vuex,redux,mobx,rxjs等数据存储和管理的方案,所以觉得研究状态管理还是很…
笔记:React 中关于 key 的一点总结
译 :当您使用React时,您可以在单个时间点将该render()函数视为创建React元素树。在下一个状态或道具更新时,该render()函数将返回一个不同的React元素树。然后,React需要弄清楚如何有效地更新UI以匹配最新的树。 react中的key属性是一个特殊的属…