本文详细介绍了鸿蒙版 React Native 架构。包括按功能划分的架构组成，如 RN 应用代码、库代码、JSI、React Common、OpenHarmony 适配代码及 OS 代码等。还阐述了

React Native新架构已经默认开启，我们需要知道新架构到底提升在哪里，通过和老架构对比的方式，让大家更好理解为什么新架构这么设计，让我们一篇文章理解新架构！

有没有一种直观的方式让我们来了解整体RN的原理呢，正如Linus Torvalds所说：'Talk is cheap. Show me the code.'接下来我们将构建简化版的RN吧！

背景 什么是动态化 近年来，越来越多基于前端技术栈的动态化方案被引入到客户端开发中，大家有没有想过平时开发写代码时，使用的客户端技术栈和前端技术栈有什么不同呢？ 简单来说，无论是Android还是iO

Flutter 的渲染原理 Flutter 完全绕过了原生控件和桥接层，自建渲染管线： Widget → Element → RenderObject 三棵树 和React做一个比较 Widget：不

随着react-native的0.74版本发布，新架构在新版本越来越完善，新架构抛弃了之前的JSBrige方式来调用。官方说这种方式调用调用性能更高。从 0.68 版本开始，React Native

React 在如何组织结构方面非常开放。这正是为什么我们有责任保持项目的整洁和可维护性。 今天，我们将讨论一些改善 React 应用程序健康状况的最佳实践。这些规则被广泛接受。因此，掌握这些知识至关重

目前市面上关于React Native页面渲染性能并没有最佳实践，于是我们内部发起了一个自建APP页面渲染监测系统的项目，用于实时检测APP页面的渲染情况，并辅助后台统计工具加以分析和研判。

介绍了今年雪球大前端团队在三端同构建设上的实践。包括RN / H5 同构的能力及效果、样式组件系统、同构的改造及SSR、同构的 CICD、单元测试及开发测试流程、同构的 D2C代码智能生成等