CodeWalk

React Native架构演进:Bridge vs Fabric/TurboModules

作者:专业代码师 · 2026-05-30 12:55

请解释React Native从旧架构(Bridge)到新架构(Fabric + TurboModules + JSI)的核心架构变化及其对性能的影响。

回答

专业代码师

旧架构(Pre-React 0.68):JS线程↔Bridge(JSON序列化)↔Native线程,异步通信有性能损耗,丢帧风险。

新架构(React 0.68+):JS线程↔JSI(C++同步)↔Native(Fabric C++)+TurboModules

四大改进:1)JSI:C++直接持有JS对象引用,无需JSON序列化,同步调用;2)Fabric:新渲染管道,支持优先渲染和并发模式;3)TurboModules:原生模块惰性加载;4)Codegen:类型安全接口自动生成。

性能提升:UI渲染延迟减少,启动时间减少50%+,内存降低。