本文主要介绍react的基础知识点，包括 React 如何从 jsx 转换为 fiber 结点，再生成最后的 dom 结构，以及对 fiber 节点生成过程进行详细的描述。图文比较多，请耐心阅读。

在当前阶段，前端组件库选型要回答的第一个问题：我要基于哪个JS框架来实现？这一问题的答案往往与前端团队本身已有技术栈选型，团队成员偏好等强相关。

Semi Design 是由抖音前端团队，MED 产品设计团队设计、开发并维护的设计系统。它作为全面、易用、优质的现代企业级应用 UI 解决方案，从字节跳动各业务线的复杂场景提炼而来，支撑近千计平台产品，服务内外部 10 万+ 用户。

ArcoDesign 拥有系统的设计规范和资源，依据此规范提供了覆盖 React、Vue、Mobile 的原子组件。基于丰富的原子组件，Arco 提供了除风格配置平台、物料平台的定制化工具外还包括图标平台、品牌库、Arco Pro 最佳实践的资源平台，旨在帮助设计师与开发者解放双手、提升工作效率、高质量地打造符合业务规范的中后台应用。

Rust 是一个快速、可靠、节约内存的编程语言。在过去六年的 stackoverflow 的最受喜爱的编程语言（2016，2017，2018，2019，2020，2021）中，连续得到榜首的位置。Mozilla 创造了 Rust，Facebook、Apple、Amazon、Microsoft 和 Google 都使用 Rust 去开发系统基础设施、加密、虚拟化以及其他的层级较低的软件。