Issue 184 • Open in browser
React Native Newsletter
This issue: Chain React 2024 videos released, Shopify just open-sourced Tophat, the power of Nitro Modules, and why EAS is about to get cheaper.
Welcome to the August issue of the React Native Newsletter!
I’ve got some great news for you. All videos from Chain React 2024 in Portland, OR, have been released and are available here.
Have you heard of Tophat? It’s Shopifiy’s solution for installing and testing any mobile application, and they’ve released it as open source!
Be sure to check out this game-changer X post from @mrousavy about using Nitro Modules for writing first-class Swift support, insanely fast C++ bindings, object-oriented/instance-based approach, and much more.
Coming up early September, 2024: Callstack’s React Universe Conference 2024 in Wrocław, Poland, held September 5-6. This year, Infinite Red’s co-host of the React Native Radio podcasts, Mazen Chami, will deliver a talk. Take a look at the Top React Native picks section below to find a 15% discount code for purchasing tickets to this exciting event!
The latest React Native release is 0.75.2
Added
Android specific
- codegen: Add support for handling
com.facebook.react.bridge.Dynamicas parameter for TurboModules (45cd81706d by @cortinico)
Changed
Android specific
- ReactRootView: Replaced
mLastHeightwithmVisibleViewArea.height()since mLastHeight value is not getting updated. Forwidthwe are already usingmVisibleViewArea.width()(603eb94dd9 by @shubhamguptadream11)
Removed
iOS specific
- RCTBaseTextInputView: UIReturnKeyDefault (26aff664c0 by @elencho)
Fixed
- codegen: scripts require
yargs(0979921850 by @tido64)
Android specific
- ImageSource:
openfor inheritance (02d9979c32 by @cortinico)
There’s a lot more to discover in today’s issue. Enjoy!
Our top React Native picks this month
React Native articles, tweets, and docs submitted by the community and Infinite Red’s team of engineers.
React Native 0.75 Released
This release includes support for percentage values in layout, new architecture stabilization, template & init updates, and more
EAS is about to get cheaper!
EAS Update pricing gets cheaper as of September 1st
You can check out the details on their pricing page. If you’re using EAS Update, no action is required.
Shopify Open-Sourced Tophat
Shopify just open-sourced Tophat, their one-click mobile app testing tool, similar to Expo Orbit.
Callstack presents its annual conference about all things related to React, particularly React Native. It will be held in Wrocław, Poland, from September 5 to 6, 2024. Before you purchase your ticket, here’s a 15% discount code you can use: IRxFriends15, courtesy of Callstack!
This Week in React
Want to keep up to date with React Native? Subscribe to This Week In React and join 37478 devs for 1 email per week. Evan Bacon, Krzysztof Magiera, William Candillon, Simon Grimm, Theo… they all read it already!
CocoaPods Support & Maintenance Plans
They are still keeping it ticking, but they are being more up-front that CocoaPods is in maintenance mode to support communities like React Native. Read about it here.
React Native WebGPU
React Native 0.76 will ship with a reduced number of dynamic libraries: this reduces app size, and improves performance. This is a breaking change if you’ve been writing C++ libraries for Android. Read about the changes here
React Native MacOS
Microsoft announced that React Native MacOS 0.74 is available. Check it out!
Tutorial on building an animated story list UI
X post about a Story List UI with a Youtube React Native Reanimated tutorial.
An all-new way to write native code for React Native
“Nitro Modules” will provide first-class Swift support, insanely fast C++ bindings, object-oriented/instance-based approach, and much more coming soon! Read more.
How to Develop a Super App with React Native
This article explains the concept of a Super App, its advantages, and how to integrate it into a React Native application.
Open source highlights from the React Native community
Open source React Native projects, libraries, node modules, or components submitted by the community.
TuneSync
Open Source serverless track player to stream music from local and remote
React Native MLKIT app
Infinite Red has released our react-native-mlkit app to both stores:
iOS: https://apps.apple.com/us/app/react-native-mlkit/id6504584042
Android: https://play.google.com/store/apps/details?id=red.infinite.reactnativemlkit.example
Check out the react-native-mlkit documentation
RNR 303 - Stories from Chain React 2024
Join Jamon, Robin, Mazen, and special guest Jed Bartausky as they recap Chain React 2024, sharing highlights, fun stories, and behind-the-scenes chaos that made this year’s conference one of the best!
RNR 304 - React Navigation V7 with Satyajit Saho4
Jamon Holmgren chats with Satyajit Sahoo about React Navigation 7’s new features, including the static API, improved deep linking, and enhanced TypeScript support.
RNR 305 - On-device AI in React Native with Gant Laborde
Robin and Mazen are joined by Gant Laborde to explore on-device AI in React Native, diving into practical applications and Infinite Red’s ML Kit integration.
Become a sponsor: Send us a few details about your event, company, blog, or project and we’ll supply the 2,000+ sets of eyeballs.
第 184 期 • 在浏览器中打开
反应本机通讯
本期：Chain React 2024 视频已发布、Shopify 刚刚开源了 Tophat、Nitro 模块的强大功能以及 EAS 即将变得更便宜的原因。
欢迎阅读 React Native 时事通讯八月号！
我有一些好消息要告诉你。 Chain React 2024，俄勒冈州波特兰 的所有视频均已发布并可供观看此处。
您听说过 Tophat 吗？这是 Shopifiy 的用于安装和测试任何移动应用程序的解决方案，并且他们已经将其作为开源发布！
请务必查看来自 @mrousavy 关于使用 Nitro 模块编写一流的 Swift 支持、超快的 C++ 绑定、面向对象/基于实例的方法等等。
将于 2024 年 9 月初推出：Callstack’s [React Universe Conference 2024](https: //red.us3.list-manage.com/track/click?u=78d9e37a94fa0b522939163d4&id=0f5188b0ed&e=077ac9fa1d) 于 9 月 5 日至 6 日在波兰弗罗茨瓦夫举行。今年，Infinite Red 共同主持了 React Native Radio 播客， Mazen Chami 将发表演讲。请查看下面的“React Native 热门精选”部分，找到购买这一激动人心的活动门票的 15% 折扣代码！
最新的 React Native 版本是 0.75.2
添加
Android 特定
- codegen： 添加对处理“com.facebook.react.bridge.Dynamic”作为 TurboModules 参数的支持 ([45cd81706d](https://red.us3.list-manage.com/track/click?u =78d9e37a94fa0b522939163d4&id=7c15c97085&e=077ac9fa1d) 作者：[@cortinico](https://red.us3.list-manage.com/track/click?u=78d9e37a94fa0b522939163d4\&id=333f2a3ac2\&e =077ac9fa1d))
已更改
Android 特定
- ReactRootView： 由于 mLastHeight 值未更新，因此将“mLastHeight”替换为“mVisibleViewArea.height()”。对于“width”，我们已经使用了“mVisibleViewArea.width()”(603eb94dd9作者：@shubhamguptadream11)
已删除
iOS 特定
- RCTBaseTextInputView: UIReturnKeyDefault (26aff664c0 作者：[@elencho](https ://red.us3.list-manage.com/track/click?u=78d9e37a94fa0b522939163d4&id=52c04ba046&e=077ac9fa1d))
＃＃＃ 固定的
- **codegen：**脚本需要
yargs（0979921850由@ tido64)
Android 特定
- ImageSource:
open用于继承 (02d9979c32 由 @ Cortinico)
在今天的期刊中还有更多值得探索的内容。享受！
本月我们精选的 React Native
React Native 社区提交的文章、推文和文档以及 [Infinite Red’](https://red.us3.list-manage.com/track/click?u=78d9e37a94fa0b522939163d4\&id=563ed3bd73\&e= 077ac9fa1d) 的工程师团队。
React Native 0.75 发布
此版本包括对布局中百分比值、新架构稳定性、模板和初始化的支持更新，以及更多
EAS 即将变得更便宜！
您可以在他们的定价页面上查看详细信息。如果您使用 EAS 更新，则无需执行任何操作。
Shopify 开源 Tophat
Shopify 刚刚开源了 Tophat，他们的一键式移动应用测试工具，类似前往世博轨道。
Callstack 介绍了与 React（尤其是 React Native）相关的所有内容的年度会议。该活动将于 2024 年 9 月 5 日至 6 日在波兰弗罗茨瓦夫举行。在购买门票之前，您可以使用以下 15% 折扣代码：IRxFriends15，由 Callstack 提供.list-manage.com/track/click?u=78d9e37a94fa0b522939163d4&id=fb71387d92&e=077ac9fa1d)！
本周的 React
想要了解 React Native 的最新动态吗？订阅This Week In React并加入 37478 开发者，每周发送 1 封电子邮件。埃文·培根、克日什托夫·马吉拉、威廉·坎迪隆、西蒙·格林、西奥……他们都读过这本书！
订阅 ⇢
CocoaPods 支持和维护计划
他们仍在保持它的运行，但他们更预先地表明 CocoaPods 处于维护模式以支持 React Native 等社区。请阅读此处。
React Native WebGPU
React Native 0.76 将减少动态库的数量：这可以减少应用程序的大小并提高性能。如果您一直在为 Android 编写 C++ 库，那么这是一个重大变化。 此处了解更改
React Native MacOS
微软宣布 React Native MacOS 0.74 可用。 看看吧！
构建动画故事列表 UI 的教程
X 发布了关于带有 Youtube 的故事列表 UI React Native Reanimated 教程。
为 React Native 编写本机代码的全新方法
“Nitro Modules”将提供一流的 Swift 支持、极快的 C++ 绑定、面向对象/基于实例的方法，以及即将推出的更多功能！ 阅读更多。
如何使用 React Native 开发超级应用
本文解释了超级应用的概念、其优点以及如何集成将其放入 React Native 应用程序中。
React Native 社区的开源亮点
社区提交的开源 React Native 项目、库、节点模块或组件。
调谐同步
开源 无服务器曲目播放器 可从本地和远程传输音乐
React Native MLKIT 应用程序
Infinite Red已向两家商店发布了我们的react-native-mlkit应用：
iOS：[https://apps.apple.com/us/app/react-native-mlkit/id6504584042]\(https://red.us3.list-manage.com/track/click?u= 78d9e37a94fa0b522939163d4&id=06c0281160&e=077ac9fa1d)
Android：https://play.google.com/store/apps/details?id=red.infinite.reactnativemlkit.example
查看react-native-mlkit 文档
RNR 303 - Chain React 2024 的故事
与 Jamon、Robin、Mazen 和特邀嘉宾 Jed Bartausky 一起回顾 Chain React 2024，分享亮点、有趣的故事和幕后混乱，这些使今年的会议成为最好的会议之一！
RNR 304 - 使用 Satyajit Saho4 反应导航 V7
Jamon Holmgren 与 Satyajit Sahoo 讨论 React Navigation 7 的新功能，包括静态 API、改进的深度链接和增强的 TypeScript 支持。
RNR 305 - React Native 中的设备端 AI 与 Gant Laborde
Robin 和 Mazen 与 Gant Laborde 一起探索 React Native 中的设备端 AI，深入研究实际应用和 I[nfinite Red](https://red.us3.list-manage.com/track/click?u=78d9e37a94fa0b522939163d4 &id=69c6836fb5&e=077ac9fa1d) 的 ML Kit 集成。
成为赞助商： 向我们发送一些有关您的活动的详细信息，公司、博客或项目，我们将提供 2,000 多组眼球。
发布者