首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
react
订阅
honG
更多收藏集
微信扫码分享
微信
新浪微博
QQ
60篇文章 · 0订阅
简单聊聊React17-RC.2 新的 JSX 转换逻辑
对于这种变动,我举双手赞成。不过,我最感兴趣的还是,为什么要用新的转换语法呢?在React 的 RFC-0000 文档中,我们可以找到详细的解释。 React 最开始的设计是围绕着 class 组件来的,而随着 hooks 的流行,使得函数组件也变得越来越流行了。其中一些主要考…
React性能分析利器来了,妈妈再也不用担心我的React应用慢了
默认打开Profiler什么都没有,要点击录制按钮进行记录(跟chrome的performance挺像)。 看上去像一个柱状图,每一个柱子代表一次commit,他的颜色和高度对应执行时长,越高颜色越黄代表时间越长,反之越短。 火焰图部分会以一个类似树形的结构显示一次commit…
纠缠不清的富文本编辑器
入职后的第一个项目就涉及富文本编辑器,接手时编辑器功能已开发的比较完善,我则是站在“前人的肩膀上前行”。此篇内容意在分享如何搭建一个富文本编辑器,及自己在开发过程中的踩坑经历。因项目使用 Quill,故本文也以此为基础描述。 以上搭的编辑器仅有简单的有序/无序列表/加粗…
VS Code React/Redux/react-router 代码片段插件,让你写 React 写到飞起来
也可以来 Github 提交改进建议,或者你想要的功能袄~
React 高阶组件(HOC)入门指南
之前的文章React Mixins入门指南介绍了React Mixin的使用。在实际使用中React Mixin的作用还是非常强大的,能够使得我们在多个组件中共用相同的方法。但是工程中大量使用Mixin也会带来非常多的问题。Dan Abramov在文章Mixins Consid…
React Hooks:如何安全地使用state
放松放松,关于安全,等会我给个例子就会很好理解了。没有例子的辅助,好难一下子说明白,也可能是我的表达能力 So So 吧! React Hooks 是个好东西,它让你可以用纯函数来实现有状态的组件,从此你不用再纠结组件到底是有状态还是无状态,从而在纯函数和类两种实现间徘徊(当然…
React Hooks 详解 【近 1W 字】+ 项目实战
如果你在编写函数组件并意识到需要向其添加一些 state,以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述,如果不注意的话,很容易写成第三种写法,导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…
react + typescript 项目的定制化过程
如果要使用 react 的话,对新手来说,首选脚手架大概就是使用由 facebook 官方出的脚手架 create-react-app 了(传送门 👉create-react-app中文文档)。 create-react-app 将 webpack 的配置,lint 的配置,…
react-transition-group实现路由切换过渡效果
简单介绍:本人实现了一个常见问题列表,点击列表项进入详情页,目标是在页面切换的时候加过渡效果,提升用户体验。 下面来看具体怎么实现吧。 在 react 项目中可使用官网提供的动画过渡库 react-transition-group 来实现切换页面(路由切换)时的过渡效果。 其中…
React源码分析和内部流程展示(包括fiber版本)
一份很好的学习React内部源码的资料,主要讲解React代码库的核心代码(60%),内附详细清晰的流程图辅助读者了解其中原理。 有兴趣和时间的同学可以尝试翻译成中文 :)