前端记录 记录分享前端知识

记一次 hooks 闭包陷阱问题


题图为作者拍于稻城亚丁五色海。 hooks 的闭包陷阱是个老生常谈的问题了,但依然很容易在开发时忽略。近日再次遭遇了这个问题,记录一下。 发现 bug 需求很简单:一个卡片上有多个下载按钮,点击后请求文件地址。大概实现如下: ...
题图为作者拍于稻城亚丁五色海。 hooks 的闭包陷阱是个老生常谈的问题了,但依然很容易在开发时忽略。近日再次遭遇了这个问题,记录一下。 发现 bug 需求很简单:一个卡片上有多个下载按...

记一次 hooks 闭包陷阱问题

题图为作者拍于稻城亚丁五色海。 hooks 的闭包陷阱是个老生常谈的问题了,但依然很容易在开发时忽略。近日再次遭遇了这个问题,记录一下。 发现 bug 需求...
阅读全文 0

如何正确使用 useMemo 和 useCallback


题图为作者拍于稻城亚丁洛绒牛场。 前言 useMemo 和 useCallback 是 React 的内置 Hook,通常作为优化性能的手段被使用。他们可以用来缓存函数、组件、变量,以避免两次渲染间的重复计算。但是实践过程中,他们经常被过度使用:担心性能的开发者给每个组件、函数...
题图为作者拍于稻城亚丁洛绒牛场。 前言 useMemo 和 useCallback 是 React 的内置 Hook,通常作为优化性能的手段被使用。他们可以用来缓存函数、组件、变量,以避免两次渲染间的重复计算...

如何正确使用 useMemo 和 useCallback

题图为作者拍于稻城亚丁洛绒牛场。 前言 useMemo 和 useCallback 是 React 的内置 Hook,通常作为优化性能的手段被使用。他们可以用来缓存函数、组件、变...
阅读全文 1

redux 介绍及配合 react开发


前言 本文是 Redux 及 Redux 配合 React 开发的教程,主要翻译自 Leveling Up with React: Redux,并参考了 Redux 的文档及一些博文,相对译文原文内容有增减修改。 目录 前言 目录 什么是 Redux,为什么使用 Redux Redux 的三大基本原则 1.唯一数据源 2.State 是...
前言 本文是 Redux 及 Redux 配合 React 开发的教程,主要翻译自 Leveling Up with React: Redux,并参考了 Redux 的文档及一些博文,相对译文原文内容有增减修改。 目录 前言 目录 什么是...

redux 介绍及配合 react开发

前言 本文是 Redux 及 Redux 配合 React 开发的教程,主要翻译自 Leveling Up with React: Redux,并参考了 Redux 的文档及一些博文,相对译文原文内容有增减...
阅读全文 0