React Native新架构解析：JSC到Hermes引擎的性能飞跃

一、JavaScript引擎演进

1.1 JSC vs Hermes对比

JSC (JavaScriptCore)：iOS原生引擎，历史悠久但启动较慢，包体积大。

Hermes：Meta专为RN开发的引擎，启动时间提升50%+，包体积减少30%，支持字节码预编译。

二、Hermes引擎优化配置

// android/app/build.gradle
project.ext.react = [
    enableHermes: true
]

// iOS Podfile
use_react_native!(
    :hermes_enabled => true
)

三、新架构核心特性

3.1 TurboModules

// Native模块定义
import type { TurboModule } from 'react-native/Libraries/TurboModule/RCTExport';
import { TurboModuleRegistry } from 'react-native';

export interface Spec extends TurboModule {
  getConstants(): { const1: string };
  voidFunc(): void;
}

export default TurboModuleRegistry.get<Spec>('MyModule');

3.2 Fabric渲染层

Fabric采用C++共享核心，统一iOS和Android渲染逻辑，减少桥接开销。

四、FAQ

Q1: 如何检测Hermes是否生效？

A: 使用global.HermesInternal判断，或通过React Native DevTools查看。

Q2: 新架构对现有项目的影响？

A: 需要逐步迁移Native Modules到TurboModules， Fabric可渐进式启用。