首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
React
订阅
EricLiu77
更多收藏集
微信扫码分享
微信
新浪微博
QQ
5篇文章 · 0订阅
React Hook + TS 购物车实战(性能优化、闭包陷阱、自定义hook)
本文涉及到的代码已经整理到 github 仓库中,用 cra 搭建了一个示例工程,关于性能优化的部分可以打开控制台查看重渲染的情况。 勾选、全选与反选。 根据选中项计算总价。 首先我们请求到购物车数据,这里并不是本文的重点,可以通过自定义请求 hook 实现,也可以通过普通的 …
从零搭建一个react-hooks项目(一)
entry可以接收一个字符串作为主入口的文件路径,但只能用于单入口项目。也可以接收一个对象作为入口的文件路径,如下所示 output用来描述打包后的文件应该放到哪,叫什么名字,也有两个基本属性,一个是打包后的文件名,一个是打包后的文件路径,这里我们通过[name].js来获取他…
一文归纳 React Hooks 常用场景
React 在 v16.8 的版本中推出了 React Hooks 新特性。在我看来,使用 React Hooks 相比于从前的类组件有以下几点好处: 关于这方面的文章,我们根据使用场景分别进行举例说明,帮助你认识理解并可以熟练运用 React Hooks 大部分特性。 与 c…
React系列-Mixin、HOC、Render Props(上)
React 里,组件是代码复用的基本单元,基于组合的组件复用机制相当优雅。而对于更细粒度的逻辑(状态逻辑、行为逻辑等),复用起来却不那么容易,所以我们是通过分析以下几种模式来解决我们状态逻辑复用问题 Mixin `倾向于增加更多状态`,这降低了应用的可预测性(`The more…
React 中的高阶组件及其应用场景
所以你可能会发现,当高阶组件中返回的组件是 无状态组件(Stateless Component) 时,该高阶组件其实就是一个 高阶函数,因为 无状态组件 本身就是一个纯函数。 React 中的高阶组件主要有两种形式:属性代理 和 反向继承。 可以发现,属性代理其实就是 一个函数…