话题框架与类库 › React

框架与类库:React

React APIs 演进和代码复用

在本文中,我们将探讨 React 演进以及出现的各种代码重用模式。我们将深入研究形成它们的心智模型以及带来的权衡。

Hook 革命!浅谈 React 新 Hook 的未来与思想

深入分析 React 新 Hook 的思想懒订阅在性能优化方面的重要性,以useBehaviorSubject为例,讲述如何在保持灵活性的同时,有效防止无效重绘,带来极致的性能优化。

React组件封装实践:如何拆解复杂的页面

在日常开发中,遇到非常难以维护的页面是常态,相信不少同学也为此苦恼过,笔者在业务开发中总结了些经验希望对大家有所启发。

如何在react中处理报错

我们都希望我们应用能稳定、完美运行,并且能够考虑到每一个边缘情况。但是现实情况是,我们是人,是人就会犯错,并且也不存在没有bug的代码。无论我们多么小心或者编写了多少自动化测试,总会有出现严重错误的情况。

React Refs: 从访问 DOM 到命令式 API

React 一个美妙之处在于它通过抽象降低了操作真实 DOM 的复杂度。这让我们不必手动去查询元素,也不必思考如何向这些元素添加类,也不必再苦于浏览器的不一致性,而是让我们专心编写组件并专注于用户体验。然而,仍然会有一些场景(虽然很少!)需要我们访问 DOM。

而当涉及到 DOM 时,最重要的是理解并学习如何正确使用 Ref 以及它的周边。因此在本文中,我们要弄清楚为什么需要访问 DOM、Ref 如何帮助我们实现这一点、useRef、forwardRef 和 useImperativeHandle 是什么,以及如何正确使用它们。此外,我们还要讨论如何避免使用 forwardRef 和 useImperativeHandle,但是同时还要拥有它们提供的能力。

React useSyncExternalStore 一览

本文介绍了 useSyncExternalStore 是什么,以及它能用在哪些场景中。

如何避免 React 组件中的 prop drilling

本文主要介绍如何通过组合的方式来解决 React 的 prop drilling 问题。

React 错误处理:最佳实践

本文主要讨论如何在 React 中捕获和处理错误,介绍了 try/catch 和错误边界(Error Boundary)等方法的适用场景以及优缺点,以及 Dan 给出的一个比较惊艳的错误处理方案。

通过 React Router V6 源码,掌握前端路由

React 生态中的路由功能基本由 react-router-dom 承载,不妨通过阅读其源码和细节,一起深入认识前端路由的实现,打开思路,提升大家在搭建项目或扩展路由功能时的工作效率。

无缝切换?从Vue到React

本文主要分析Vue和React在开发上的区别,帮助Vue开发者快速上手React,同时也适用于前端新手入门React。

每天都在用,也没整明白的 React Hook

本文介绍了 useState、useEffect、useContext 等几种 React Hook 的实用小技巧,对于新手是很好的指导型文章,能够帮你减少踩坑。

How React server components work: an in-depth guide

A deep dive exploration of React server components under the hood.

Making Your React Native Gestures Feel Natural

When working with draggable elements in React Native mobile apps, there are some simple ways to help gestures and animations feel better and more natural.

react-native-web跨平台实战

随着对用户体验要求的提高,产品要求提升用户体验,多端体验一致。随着多端相同的业务也越来越多,需要投入IOS,Android,Web多端开发人员。这就迫切的需要一种一次开发同时使用在Android ,IOS ,Web的解决方案。达到降本增效的目的。在几个小业面尝试,总结经验后,我们采用react-native-web多端适配。

How to build your own React: Didact 解析

你是否一直想成为“精通” React 源码的大神?又是否因为 React 源码的晦涩难懂而寸步难行?本文将从头开始讲解并实现一个简易版的 React -- Didact。千里之行,始于足下,Didact 可以帮你迈出第一步!

React Ref Callback:最佳实践

本文主要介绍了 ref callback 的四种使用场景。

Accueil - Wiki
Copyright © 2011-2024 iteam. Current version is 2.139.0. UTC+08:00, 2024-12-25 13:26
浙ICP备14020137号-1 $Carte des visiteurs$