话题框架与类库 › React

框架与类库:React

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 的四种使用场景。

React开发的设计模式及原则

本文介绍了在React社区里出现过的一些设计模式,以及它们所遵循的设计原则。

Migrating our Largest Mobile App to React Native

In 2020, we announced that React Native is the future of mobile at Shopify and since then we’ve been migrating all our native mobile apps to React Native. Since each app is different, there is no single approach that works for all of them. So, we evaluated all the possible options for each app and chose the ones that best suit their needs.

Shopify Point of Sale, for instance, had come a long way since it was first built during an internal hackathon. It was originally designed and built to support small mom-and-pop stores or weekend warriors. However, it has surged in popularity and is being used by some of our biggest merchants and is processing transactions worth billions of dollars each year. The codebase had accumulated a lot of tech debt and the app’s UX was also not serving the needs of large merchants who have hundreds of locations and tens of thousands of products. After a thorough evaluation, it became clear that we couldn’t fix these issues with incremental changes. Hence, we decided to do a full rewrite, which has been a big hit with our merchants.

Shopify Mobile, our flagship mobile app, on the other hand is quite stable and meets our merchants’ needs. It is also our largest app at 300 screens per platform and took over six years to build. Rebuilding it from scratch would be a massive undertaking. Even if we assume that we’d be twice as productive with RN (which is not necessarily the case always), it would take us at least three years to rebuild. That’s a very long time. We would have to halt all new feature development during this time and in the end have the exact same app as we started with. A rewrite then, was clearly out of question.

React Native工程Monorepo改造实践

本文主要介绍对云音乐RN收银台进行monorepo改造的一些实践经验。

避免 React useState 错误用法

在本文中,将介绍一些关于 useState 的常见错误。useState 是我们使用最频繁的 React hook,在代码中随处可见,但是也经常会出现一些错误的用法。由于这些错误用法的存在,会让代码的可读性变差,提高了代码的维护成本。

深度解析 React 性能优化 API

组件到底什么时候会渲染?React.memo 到底要不要用?本文将以 React 更新流程为基础,层层递进,将性能优化相关的用法原理串联起来,帮助读者搞明白为什么以及如何进行性能优化。

inicio - Wiki
Copyright © 2011-2025 iteam. Current version is 2.144.0. UTC+08:00, 2025-07-08 02:46
浙ICP备14020137号-1 $mapa de visitantes$