在 React 官方文档中，对于 useEffect 有这样一句描述：Effects are an escape hatch from the React paradigm。这句话…
在React开发中，我们经常使用钩子函数来处理组件的副作用。其中，最常见的两个钩子函数是useEffect和useLayoutEffect。这两者看似相似，但实际上存在一些关键的区…
一、背景近期在工作中遇到了一个新的需求，该需求需要实现某个组件的拖拽，面对这个需求的第一个项目肯定是问问度娘和用最大同性交友网站进行搜索，最终皇天不负有心人，让我找到了这个17k …
在日常开发中，团队中每个人组织代码的方式不尽相同。下面我们就从代码结构的角度来看看如何组织一个更加优雅的 React 组件！1. 导入依赖项我们通常会在组件文件顶部导入组件所需的依…
在 React 中，性能优化一直是开发者们关注的焦点之一。为了减少组件的重渲染和提高应用程序的性能，React 提供了一些钩子函数，其中之一就是 useMemo。本文将深入探讨 u…
React Native 最新稳定版 0.73 已发布。此版本主要变化包括增加了对使用 Hermes 进行调试的改进、符号链接支持 (symlink) 进入稳定阶段、Android…
防抖防抖函数，就是防止抖动，避免事件重复触发。比如监听输入框的输入，不应该在用户每输入一个字符就触发监听，而是在用户输入结束后再来监听。流程为：1、事件触发；2、开启定时器；3、当…
在我的日常工作中，我致力于一个 JavaScript 框架（LWC）。尽管我已经在这个项目上工作了将近三年，但我仍然觉得自己是一个业余爱好者。当我阅读有关更大的框架世界的信息时，常…
12 月 6 日，React Native 0.73 正式发布。这个版本增加了对使用 Hermes 进行调试的改进、稳定的符号链接支持、Android 14 支持以及新的实验性功能…
之前分享了很多可视化和低代码的技术实践, 最近技术圈友自荐了一款他们开发的基于 React 的高性能表单组件, 目前已经在各个产品线大量使用, 我体验了一下还是非常好用的, 设计思…
条件渲染是React中的一个强大功能，它允许开发人员根据某些条件控制组件的显示。它在创建动态和交互式用户界面方面发挥着至关重要的作用。然而，了解条件渲染在 React 中的工作原理…
useMemo是React一个重要的性能优化工具，它可以帮助我们避免在渲染过程中不必要的计算，从而提高组件的性能。本文将深入探讨useMemo的使用方法、原理以及源码实现，以便帮助…
介绍Jest是目前前端工程化下单元测试火热的技术栈，而Enzyme的支持提供了Jest测试React业务、组件的能力，下面来介绍一下React组件测试的一些实际场景。1. 测试依赖…
大家好，我卡颂。前端界有句玩笑话 —— 「React 一点都不 react，Solid 才应该叫 React」。作为一款「借鉴了很多 React 特性」的前端框架，截止目前，Sol…
现在有一种观点声音逐渐大了起来，认为市面上出现了许多比 React 性能更好的框架，是不是意味着，React 将要被淘汰了？所以有人就在群里问我，他觉得 Solid.js 性能比 …
大家好，今天给大家分享一个非常实用的 React 库——formik。formik 是一个用于构建和管理 React 表单的库。它的主要目的是简化表单的开发流程，使得创建和处理表单…
React 组件的性能优化一直是前端开发中的重要议题。useEffect 是 React Hooks 提供的一个强大工具，它允许我们处理一些与渲染无关的操作，比如数据获取、订阅和手…
React 的 useEffect 是一个重要的 Hook，用于处理组件的副作用。在本文中，我们将深入探讨 useEffect 的实现原理，以更好地理解它在 React 中的作用。…
大家好，我卡颂。最近Next.js v14发布，发布会的各种梗图刷爆了国外前端社区。Next.js的诸多特性（比如Server Action、App Router），都是在RSC（…
前言随着vue/react这类以数据驱动为主的web框架的不断完善和壮大，越来越多的前端团队开始着手搭建内部的组件库。虽然目前市面上已经有很多功能强大且完善的组件库供我们使用，比如…
