框架与类库:React
React 的正确使用方法:ref 篇
你真的用对了 useRef 吗?在与 TypeScript 一起使用、以及撰写组件库的情况下,你的写法能够避开以下所有场景的坑吗?
How Airbnb Smoothly Upgrades React
Incrementally modernizing our frontend infrastructure to roll out the latest React features without downgrades.
Enhancing The New York Times Web Performance with React 18
How upgrading to React 18 energized The New York Times website — and how we tackled some of the challenges we faced along the way.
Balancing Old Tricks with New Feats: AI-Powered Conversion From Enzyme to React Testing Library at Slack
In the world of frontend development, one thing remains certain: change is the only constant. New frameworks emerge, and libraries can become obsolete without warning. Keeping up with the ever…
React的Fiber架构原理
React16通过对引入这Scheduler与Fiber两个架构,实现了异步渲染、优先级调度等能力,让页面加载与用户交互更加流畅。
React Native 在「Soul App」的实践
本文基于 React Native 0.72.10 版本,分享了 Soul App 在现有项目中如何引入 React Native。
Supercharge the Way You Render Large Lists in React
Rendering large lists in React can be a challenging task for developers. As the size of the list grows, the DOM (Document Object Model) tree also grows, leading to performance issues like slow…
React 中 Form 的最佳实践
作者:郜克帅原文:https://dev.to/ajones_codes/a-better-guide-to-
React hooks原理浅谈
React作为前端工作中非常重要的生产工具,阅读它的源码,对编码与设计能力提升很有帮助。
浅析 5 种 React 组件设计模式
作为一名 React 开发者,你可能会面临下面几个问题:
如何构建一个高复用度性的组件,使其适应不同的业务场景?
如何构建一个具有简单 API的组件,使其易于使用?
如何构建一个在 UI 和功能方面具有可扩展性的组件?
探索前端跨组件通信:EventBus在Vue和React中的应用
EventBus 简介事件总线(Event Bus)是一种用于组件间通信的模式,通常用于解决组件之间的解耦和简化通信的问题。
你一定要知道的「React组件」两种调用方式
使用React框架的开发过程中,我们常常会使用两种方式调用组件:一种是组件式,另一种是函数式,但是这两种用法究竟有何不同?
React Hooks学习指北
Hooks 提供了更清晰、可组合的方式来处理组件的状态和逻辑,随着项目的逐步迭代,开发者在实践中逐渐体会到 Hooks 的优势。越来越多的开发者熟悉并纷纷加入 Hooks 的行列。
在 React 开发中如何快速定位组件源码
大型前端项目往往存在几千个组件,多个代码库。这些组件和代码库,构成几十个甚至上百个路由页面。 无论是新同学或者是老同学,在定位问题或者是开发页面的时候需要寻找对应的源代码。这个问题应该怎么解决?
你应该在 React 中传递 Promise
传统网络请求创建 Promise 后,会立即使用 useEffect 消费掉 Promise 转换成 loading & data || error。而现在,你应该在组件内或跨组件传递 Promise。
React 代码如何跑在小程序上?
Taro 3从之前的重编译时,到现在的重运行时,解决了架构问题,可以用 react、vue 甚至 jQuery 来写小程序,但也带来了一些性能问题。