跳到主要内容

发布 React Native 0.59

·阅读 7 分钟
Ryan Turner
核心维护者 & React Native 开发者

欢迎来到 React Native 0.59 版本!这是又一个重要版本,包含 88 位贡献者的 644 次提交。贡献也以其他形式存在,因此,*感谢您*维护问题、培育社区以及向人们传授 React Native 知识。本月带来了一些备受期待的更改,希望您会喜欢。

🎣 Hooks 登场

React Hooks 是本次发布的一部分,它允许您在组件之间重用有状态逻辑。关于 Hooks 有很多讨论,如果您还没有听说过,请查看以下一些精彩资源

务必在您的应用中尝试一下。我们希望您能像我们一样对这种重用方式感到兴奋。

📱 更新的 JSC 意味着性能提升和 Android 上的 64 位支持

React Native 使用 JSC (JavaScriptCore) 为您的应用程序提供支持。Android 上的 JSC 已经有几年没有更新了,这意味着许多现代 JavaScript 功能不受支持。更糟糕的是,与 iOS 上的现代 JSC 相比,它的性能表现不佳。本次发布,这一切都改变了。

感谢 @DanielZlotin@dulmandakh@gengjiawen@kmagiera@kudo 的出色工作,JSC 赶上了过去几年。这带来了 64 位支持、现代 JavaScript 支持和显著的性能改进。此外,值得称赞的是,他们现在使这一过程变得可维护,以便我们可以在不需要大量额外工作的情况下利用未来的 WebKit 改进,感谢 Software Mansion 和 Expo 使这项工作成为可能。

💨 使用内联 require 加快应用启动速度

我们希望默认情况下帮助人们拥有高性能的 React Native 应用,并正在努力将 Facebook 的优化带给社区。应用程序按需加载资源,而不是减慢启动速度。此功能称为“内联 require”,因为它允许 Metro 识别要延迟加载的组件。具有深度和多样化组件架构的应用程序将看到最大的改进。

source of the metro.config.js file in the 0.59 template, demonstrating where to enable inlineRequires

我们需要社区在使用前告知我们它的工作情况,然后我们才会默认开启它。当您升级到 0.59 时,会有一个新的 metro.config.js 文件;将选项设置为 true 并向我们提供您的反馈!在性能文档中阅读更多关于内联 require 的信息,以基准测试您的应用程序。

🚅 精简核心正在进行中

React Native 是一个庞大而复杂的项目,拥有复杂的仓库。这使得代码库对贡献者来说更难上手,难以测试,并且作为开发依赖项显得臃肿。精简核心 是我们通过将代码迁移到独立的库以更好地管理来解决这些问题的努力。过去几个版本已经迈出了第一步,但让我们认真对待

您可能会注意到,更多组件现在已正式弃用。这是个好消息,因为这些功能现在有专门的维护者积极维护。请注意警告消息,并将您的使用迁移到这些功能的新库中,因为它们将在未来的版本中被移除。下表列出了组件、其状态以及您可以迁移到哪里使用。

组件已弃用?新地址
AsyncStorage0.59@react-native-community/react-native-async-storage
ImageStore0.59expo-file-systemreact-native-fs
MaskedViewIOS0.59@react-native-community/react-native-masked-view
NetInfo0.59@react-native-community/react-native-netinfo
Slider0.59@react-native-community/react-native-slider
ViewPagerAndroid0.59@react-native-community/react-native-viewpager

在接下来的几个月里,将有更多组件遵循这条路径,实现更精简的核心。我们正在为此寻求帮助 — 前往精简核心议题贡献您的力量。

👩🏽‍💻 CLI 改进

React Native 的命令行工具是开发者进入生态系统的入口,但它们长期存在问题且缺乏官方支持。CLI 工具已迁移到新仓库,并且专门的维护者团队已经取得了一些令人兴奋的改进。

日志现在格式化得好多了。命令现在几乎立即运行 — 您会立即注意到差异

0.58's CLI is slow to start0.58's CLI is nearly instantaneous

🚀 升级到 0.59

我们听取了您关于React Native 升级过程的反馈,并正在采取措施改进未来版本的用户体验。要升级到 0.59,我们建议使用rn-diff-purge来确定当前 React Native 版本与 0.59 之间的变化,然后手动应用这些更改。一旦您将项目升级到 0.59,您就可以使用新改进的 react-native upgrade 命令(基于 rn-diff-purge!)来升级到 0.60 及更高版本,随着新版本的发布。

🔨 破坏性变更

0.59 版本中对 Android 的支持已根据 Google 的最新建议进行了清理,这可能会导致现有应用程序出现潜在的破坏。此问题可能表现为运行时崩溃,并显示消息:“您需要在此 activity 中使用 Theme.AppCompat 主题(或其子主题)”。我们建议更新您项目的 AndroidManifest.xml 文件,确保 android:theme 的值是一个 AppCompat 主题(例如 @style/Theme.AppCompat.Light.NoActionBar)。

react-native-git-upgrade 命令已在 0.59 版本中移除,取而代之的是新改进的 react-native upgrade 命令。

🤗 致谢

许多新贡献者帮助从 flow 类型生成原生代码以及解决 Xcode 警告——这些是了解 React Native 工作原理并为更大社区做出贡献的好方法。感谢大家!未来请留意类似的问题。

虽然这些是我们提到的亮点,但还有许多其他令人兴奋的更新。要查看所有更新,请查看更新日志。0.59 是一个重大版本 — 我们迫不及待地想让您尝试一下。

今年余下的时间里,我们还将带来更多改进。敬请期待!

Ryan 和整个 React Native 核心团队