标题中我们提出一个问题：react 代码如何跑在小程序上？目前看来大致两种思路： 1. 把 react 代码编译成小程序代码，这样我们可以开发用 react，然后跑起来还是小程序原生代码，结果很完美，但是把 react 代码编译成各个端的小程序代码是一个力气活，而且如果想用 vue 来开发的话，那么还需要做一遍 vue 代码的编译，这是 taro 1/2 的思路。 2. 我们可以换个问题思考，react 代码是如何跑在浏览器里的？ 站在浏览器的角度来思考：无论开发用的是什么框架，React 也好，Vue 也罢，最终代码经过运行之后都是调用了浏览器的那几个 BOM/DOM 的 API ，如：createElement、appendChild、removeChild 等。 Taro 3 主要通过在小程序端模拟实现 DOM、BOM API 来让前端框架直接运行在小程序环境中。

18 Technology lddgo Shared on 2023-10-17

本文主要介绍一些 React 的设计模式，以及在具体的开发中是如何使用这些模式。

39 Technology lddgo Shared on 2023-09-26

React Server Component (简称 "RSC") 是 React 18 版本中引入的新特性。无论是废弃 mixins、使用 ES6 Class 声明组件、Suspense 还是极具革命性的 hooks，React 之前版本中的进化还是局限在客户端范畴，这次 RSC 革命性地把 React 的运行时扩展到了服务端，尤其令人惊艳的是在「可组合性」上没有妥协，RSC 与 React Client Component 可以几乎完美地互操作，秉承了 React 的一贯哲学。不少社区的 KOL 认为这将引发下一轮的范式转移。 社区也不是只有一种声音，不少人开始质疑 RSC。比如 RSC 无法简单地使用，官方推荐的最佳实践是与元框架集成在一起使用。当前 (2023 年 8 月) 生产环境 RSC 可用的只有 Vercel 的 Next.js，加之 React 核心成员 Sebastian Markbåge 和 Andrew Clark 都相继加入了 Vercel，社区愈发担心不在 Vercel 上氪金就享受不到正宗味道的 React。此外，RSC 本身也不是没有理解成本的。

17 Technology lddgo Shared on 2023-09-20

React 18 引入了并发特性，从根本上改变了 React 应用程序的渲染方式。我们将探讨这些最新特性如何影响和提升应用程序的性能。 首先，让我们稍微回顾一下长任务的基础知识及相关的性能指标。

43 Technology lddgo Shared on 2023-07-21

React 是一个声明式、高效、灵活的用于构建用户界面的 JavaScript library，本文主要对 React 带来的三个颠覆性理念一一展开介绍。

55 Technology lddgo Shared on 2023-07-05

useMemo 是 React 中的一个 Hooks 函数，用于缓存计算结果，以避免不必要的重复计算。它接受一个函数和一个依赖数组作为参数，并返回一个缓存的值。当依赖数组中的任何一个值发生变化时，useMemo 将重新计算并返回新的缓存值。

20 Technology lddgo Shared on 2023-06-05

在 可在控制流中调用！React 新 hook 尝鲜 中，我们对 React 新 Hook use 的设计理念和限制进行了深入分析，并提供了一个可能的实现来帮助读者更好地理解这一概念。 然而，这个 Hook 的雄心远不止于此。根据相关提案，我们有充分理由推断，这个全新的 Hook 将引发一场颠覆性的 Hook 变革。

16 Technology lddgo Shared on 2023-05-24

在日常开发中，遇到非常难以维护的页面是常态，相信不少同学也为此苦恼过，笔者在业务开发中总结了些经验希望对大家有所启发。（后台回复大数据即可获得《大数据&AI实战派》电子书）

15 Technology lddgo Shared on 2023-05-23

React 一个美妙之处在于它通过抽象降低了操作真实 DOM 的复杂度。这让我们不必手动去查询元素，也不必思考如何向这些元素添加类，也不必再苦于浏览器的不一致性，而是让我们专心编写组件并专注于用户体验。然而，仍然会有一些场景（虽然很少！）需要我们访问 DOM。 而当涉及到 DOM 时，最重要的是理解并学习如何正确使用 Ref 以及它的周边。因此在本文中，我们要弄清楚为什么需要访问 DOM、Ref 如何帮助我们实现这一点、useRef、forwardRef 和 useImperativeHandle 是什么，以及如何正确使用它们。此外，我们还要讨论如何避免使用 forwardRef 和 useImperativeHandle，但是同时还要拥有它们提供的能力。 除了上述内容之外，我们还将学习如何在 React 中实现命令式 API！

12 Technology lddgo Shared on 2023-03-29

useSyncExternalStore 是 React 18 引入的一个 hook。起初我以为它主要用于第三方库，比如 @tanstack/rect-query、Jotai、Zustand、Redux 等。在 React 官方文档中，将它和 useInsertionEffect 一起被称为 "library hooks（库 hooks）"。

10 Technology lddgo Shared on 2023-03-24