React Native新架构的能带来怎样的性能飞跃？

多年来用 React Native 敲出来的应用，总感觉有点…嗯，卡顿。就像你精心打理的花园，有时候会冒出一些杂草，影响整体的美观。比如：布局和动画效果， 有时候跟原生应用比起来就差了点味道；JavaScript 和原生代码之间的通信效率简直是慢吞吞；序列化和反序列化这玩意儿，简直就是性能杀手；更别说那些新的 React 特性，经常得望而却步。这些问题就像顽固的疙瘩，在老架构下怎么也解不开，拖进度。。

为什么需要新的架构？

所以啊！新的架构就好像一把锋利的剪刀，直接把这些问题给咔嚓了！它不仅仅是简单的升级换代，更像是一次彻底的重构。新架构支持 React 18 及之后版本的并发渲染和各种新鲜玩意儿，比如Suspense数据获取和Transitions。 造起来。 这让 Web 和原生 React 开发之间的代码库和概念更加和谐统一了。而且最关键的是自动批处理减少了重绘的次数让 UI 看起来是不是更流畅了呢？

谁在关注？

目前这个新架构还处于实验阶段，别着急用！预计在2024年末发布的 React Native 版本中才会正式上线。对于大部分已经在生产环境里跑的应用建议先观望一下。但如果你是库维护者或者喜欢尝鲜的开发者，可以尝试启用一下看看效果如何。不过啊… 看到react-native-vision-camera 这个库的 issue 下面反馈，JSI 目前还是存在一些小问题需要解决哦！所以要敢于尝试的话，请做好心理准备，太顶了。。

引起舒适。 顺便说一句：VisionCamera 的地址是：

性能对比图鉴

大家可以看看这张图对比一下老架构和新架构的效果：，我开心到飞起。

官宣。 看到多达6K+的star吗？ 这可不是随便哪个项目就能拿下的！ 这说明它肯定是用上了 JSI 了。