react组件积累

Redux-Saga 作为 Redux 的中间件，专门用于解决 Redux 中的异步流程管理问题。本文详细的介绍此中间件，让您对这个 react 中经典的状态管理有一个更深的了解。

在前端开发中，单元测试是确保代码质量的重要手段。特别是对于与外部服务或 API 交互的代码，单元测试能够帮助我们验证代码在不同情况下的行为。然而，真实 API 调用通常受到网络环境和外部服务状态...

react-router-dom 提供了多种 Router, 本文对这些不同的 Router 进行了对比。

本文列举了在学习 Redux 的过程中，初学者可能会遇到的四个问题。弄清楚这四个问题有助于开发者在使用 redux 的时候有一个坚实的基础。

在上一篇介绍 Redux 使用的文章中我们着重介绍了 abccc 这 5 个核心函数。本文在此基础之上介绍如何在 React 项目中使用 Redux。

在 Redux 中，有五个核心函数构成了其架构的基础。本文对这五个函数进行详细介绍，相信掌握这五个函数能够为之后使用 Redux 打下坚实的基础。

Immutable.js 是一个 JavaScript 库，它提供了不可变的数据结构。这些数据结构一旦创建就不能被改变，这有助于简化应用开发，避免复杂的状态管理和不必要的数据复制。

在前端测试领域，Puppeteer和Jest是两个广受欢迎的工具，这两个工具笔者都有较长的使用时间和经验。在本文中，我将会对这两个工具进行深度对比。

前端在开发页面时，常使用HTML的select元素常被用来创建一个下拉选择框，供用户从预定义的选项中选择。原生的select元素在样式和用户体验上往往不尽如人意，而本文介绍的一个技巧能够让你游刃有余

Rust 是一种系统编程语言，以其安全性、并发性和性能而闻名。对于前端开发者来说，学习 Rust 不仅可以拓宽技术视野，还能增强对底层原理的理解。本篇文章将引导前端开发者如何开始使用 Rust。

在 React 中，自定义 hooks 是扩展组件功能的强大方式。它们可以让你复用状态逻辑，而不必重复代码或将逻辑放在类组件中。本文介绍一些我收集到的好用的 hooks ，它们涉及页面绘制的方方面面。

正如文章题目所示，本文的目的是为了记录工作中遇到的，在页面中处理复杂图片样式的解决方案。文中用到了一些不那么常用的技术，希望能让您眼前一亮。

由于本人最近写了大量的表单，深感表单功能实现过程中的烦恼和无趣。因此，在众多繁杂的业务代码中抽象出来两个 hook 以便后续继续写表单。本文中将介绍这两个 React Hook。

本文对最近工作中的一个组件进行抽象，提供一个在 UMI.js 中使用 Echarts 图表的模板。使用这个模板，开发者只需要关注填写 option 部分即可，无需关注其它问题。

相信大家在使用 React 写页面的时候都遇到过完成 Remember me 的需求吧！本文就将这个需求封装在一个 React hook 中以供后续的使用，觉得有用的同学可以收藏起来以备不时之需。

前端在完成表单的时候常常需要做这样的功能： 当表单中的内容变化的时候 save 按钮才可以点击，否则应该是置灰的。 这个功能的生效时机应该是可人为控制的。本文使用一个hook完成上述功能。

本文档旨在阐述前端模拟登录鉴权的实现机制，该机制通过前端技术和 LocalStorage 实现用户的登录状态管理，以确保用户未登录时无法直接访问系统的内层页面，并通过定时器更新登录状态，以保持对话。

本文打算# 介绍几个React项目中提高性能的方法，先说一些不常见的给大家尝尝鲜，最后再补充几个常见的，保证知识点的完整性。

绘制H5页面时，模糊效果（或称为毛玻璃效果）被广泛用于增强用户界面的美观性和层次感。这种效果不仅可以吸引用户的注意，还能提供视觉上的分隔，而不完全阻挡背后的内容。本文封装一个React组件实现此功能。

在处理文本显示时，如何有效地展示内容，并在内容过长时提供用户友好的交互方式，成为了设计中的一大挑战。本文将介绍如何从零开始，使用React框架构建一个具备文本溢出处理功能的“便利贴”组件。