条件渲染在React开发中非常重要的功能，它允许开发人员根据条件控制渲染的内容，在创建动态和交互式用户界面方面发挥着至关重要的作用，本文总结了常用的的条件渲染方法。

42 技术 lddgo 分享于 2024-01-04

怎么理解 React Server Component 和 Next.js 的关系

41 技术 lddgo 分享于 2023-11-23

我们的主项目代码库目前已经有 2800 多个组件。数千个组件构成几十个路由页面。 无论是新同学或者是老同学，在定位问题或者是开发页面的时候寻找对应的源代码都相当痛苦。搜文案？搜 class？都发现有大量的重复。针对这个问题我调研了下业内相对应的解决方案。发现目前已经有一些工具或者 npm 包解决这个问题，本文就和大家分享下。

61 技术 lddgo 分享于 2023-11-20

你应该在 React 中传递 Promise

42 技术 lddgo 分享于 2023-10-18

标题中我们提出一个问题：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 来让前端框架直接运行在小程序环境中。

45 技术 lddgo 分享于 2023-10-17

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

193 技术 lddgo 分享于 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 本身也不是没有理解成本的。

46 技术 lddgo 分享于 2023-09-20

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

171 技术 lddgo 分享于 2023-07-21

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

204 技术 lddgo 分享于 2023-07-05

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

47 技术 lddgo 分享于 2023-06-05