首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
React
订阅
DarkH
更多收藏集
微信扫码分享
微信
新浪微博
QQ
20篇文章 · 0订阅
React hooks 通过 context 和 useReducer 实现状态管理
状态管理 是 解决React 中组件层级较深而数据是自上而下流动,而造成的数据传递较为复杂,而且组件必须要一级一级传递,导致组件之间的耦合比较严重,有悖于 组件设计的原则。从而需要使用状态管理
不要再写满屏import导入啦!🔥
序言 如果打开一个文件,看到的全是满屏幕的 import 语句,这将是一种怎样的体验? 密密麻麻的import语句不仅仅是一种视觉上的冲击,更是对代码组织结构的一种考验。 我们是如何做到让import
React Hook + TS 购物车实战(性能优化、闭包陷阱、自定义hook)
本文涉及到的代码已经整理到 github 仓库中,用 cra 搭建了一个示例工程,关于性能优化的部分可以打开控制台查看重渲染的情况。 勾选、全选与反选。 根据选中项计算总价。 首先我们请求到购物车数据,这里并不是本文的重点,可以通过自定义请求 hook 实现,也可以通过普通的 …
[React 进阶] 掌握 React18 全部 Hooks
一、数据更新驱动 1. useState 1. 基础介绍 useState主要用于声明和操作状态变量,可以使函数组件像类组件一样拥有state state:状态,作为渲染视图的数据源 setState
H5 页面适配iPhone 刘海,就是那么简单
iPhoneX 取消了物理按键,改成底部小黑条,这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言,顶部(刘海部位)的适配问题浏览器已经做了处理,所以我们只需要关注底部与小黑条的适配问题即可(即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素)。 大家都知…
给你 5 个学习 Nest 的理由,你会心动么
你可能经常听到 Nest,但它和我的工作也没啥关系呀,为什么要学习 Nest 呢? 这里给出 4 个学习 Nest 的理由: 最流行的 Node 企业级框架 开发 node 应用有 3 个层次: 直接
React 你是真的骚啊,一个组件就有这么多个设计模式🙄🙄🙄
React真的是太灵活了,写它就感觉像是在写原生 JavaScript 一样,一个功能你可以有多种实现方式,例如你要实现动态样式,只要你愿意去做,你会有很多种解决方案。
🚀 TS项目如何高效处理接口返回数据
在 TypeScript 项目中,TypeScript 对接口返回数据的处理,是日常项目开发中一个比较棘手的问题。 我们该如何 高效 的解决这个问题呢?
10分钟教你手写8个常用的自定义hooks
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。本文是一篇以实战为主的文章,主要讲解实际项目中如何使用hooks以及一些最佳实践,不会一步步再介绍一遍react hooks的由来和基本使用,…
一篇文章带你理解 React 中最“臭名昭著”的 useMemo 和 useCallback
这篇文章为你答疑解惑,为大家介绍 useMemo 和 useCallback 这两个 Hook 的具体作用,它们的实现原理以及在实际开发中如何应用。