2026-05-12 · #29
週刊React Native #29 Expo SDK 56 Beta、SWCがBabel置き換え、View Transitions追加ほか
Expo SDK 56 BetaでiOSビルドが50%以上高速化#
Expo SDK 56のベータ版がリリースされ、プリコンパイル済みXCFrameworksによるiOSビルドの50%以上の高速化と、Androidコールドスタートの40%高速化が実現されました。
iOSネイティブモジュールはSwift/C++相互運用を通じてJSIと直接通信するよう大規模にリライトされ、Objective-C++の中間レイヤーが不要になっています。
We just cut the SDK 56 beta 😅 ◆ 50%+ faster iOS builds (precompiled XCFrameworks) ◆ 40% faster cold starts on Android ◆ Expo UI is stable ◆ iOS widgets are stable ◆ expo-router rebuilt from scratch ◆ Inline native modules ◆ Brownfield multi-app support The obvious
また、Expo SDK 56の内容を踏まえて、今後Expoがどのように進化していくかを考察した記事を書きました。
Expo SDK 56ベータの内容と、そこから感じた今後のExpoの方向性について書きました! Expo SDK 56ベータから読み解く、Expo・React Nativeの「ネイティブ志向」な進化｜kazutoyo@ TellerNovel zenn.dev/tellernovel_inc/artic… #zenn
Expo UIがStableリリースに到達#
Expo UIが安定版としてリリースされ、Jetpack ComposeのサポートがSwiftUIと同等レベルに引き上げられました。
またWorkletsサポートも追加され、UIスレッド上でJSからネイティブのSwiftUI/Jetpack Composeの状態を直接制御できるようになりました。
これによって、ちらつきのないテキスト入力のような、真にコントロール可能なフォームコントロールが実現できるようになります。
Lots to unpack here! In this Expo UI release, we focused on bringing Jetpack Compose support to parity with SwiftUI. We also added worklets support, so you can drive native SwiftUI/Jetpack Compose state from JS on the UI thread, making sync patterns and truly controlled form twitter.com/expo/status/205247…
ExpoでUIをSwiftで書いて、ロジック管理だけReactに寄せれるってこと…！ twitter.com/kazutoyo/status/20…
Expo SDK 56でreact-native-webが任意インストールに#
Expo SDK 56ではexpoパッケージがreact-native-webを必須としなくなりました。
SDK 55でlog-boxをreact-domのみで書き直した流れを受けたもので、次のステップとしてexpo-routerでもRNWをオプション化する予定とのことです。
In Expo SDK 56, the `expo` package no longer requires react-native-web installed. We rewrote the log-box to be react-dom only in 55. Next step is to make RNW optional in expo-router. This will allow for full universal apps with react-strict-dom `<html.div>` instead of `<View>`
Expo SDK 56でCNGプラグインに型定義が追加#
Expo SDK 56では、CNGプラグインを持つすべてのExpoパッケージに型定義が追加されました。
expo-x/pluginからインポートするだけで、app.config.tsでオートコンプリートや非推奨警告が利用できるようになります。
This is not in the changelog, but I added types for all expo packages with CNG plugins in this release. Autocomplete, JS doc, deprecations, directly in your app.config.ts Just import x from "expo-x/plugin" 👀 twitter.com/expo/status/205247…
SWCがFlowをサポートしBabelを完全置き換え可能に#
SWCがFlowのサポートを追加したことで、React NativeプロジェクトでBabelを完全に置き換えることが可能になりました。
metroトランスフォームワーカーのドロップイン代替として実装され、約8倍の高速化を実現し、ReanimatedとExpoのサポートも組み込まれているとのことです。
Finally SWC has Flow support, meaning Babel can be fully replaced in React Native projects. I made a drop-in replacement for metro transform worker. Around 8x faster, so main bottleneck is now metro itself. Reanimated and expo support built-in. Link below 👇
Reanimated 4.3.1でHadesとのデッドロックを修正#
React Native Reanimated 4.3.1とWorklets 0.8.3がリリースされ、競合状態（race condition）の修正と、HermesのガベージコレクターHadesとのデッドロックを引き起こすコードパスの削除が行われました。
原因不明のクラッシュやANRが発生していたユーザーにはアップグレードが推奨されています。
Last week we released Reanimated 4.3.1 and Worklets 0.8.3 - where we fixed some race-conditions and removed a code path, which could make the Hermes and its garbage collector, Hades, go into a deadlock. If you were suffering vague crashes or ANRs, make sure to upgrade!
React Native 0.86-RCにView Transitions機能が追加#
React Native 0.86のリリース候補版のリリースノートにView Transitionsが含まれていることが確認されました。
現時点では実験的な機能とみられるようです。
Pretty interesting to see view transitions in the React Native 0.86-RC release notes. Probably experimental but more animation primitives are always welcome. github.com/facebook/react-nati…
react-native-quick-base64 v3.0.0で2〜3倍の高速化#
react-native-quick-base64のv3.0.0がリリースされ、v2と比較してBase64エンコード/デコード処理が約2〜3倍高速化されました。
@grzywn氏の貢献によって実現されたとのことです。
react-native-quick-base64@3.0.0リリース。パフォーマンスが２〜３倍になりました github.com/craftzdog/react-nat…
agent-device v0.14でCodexによる合格率が100%に#
agent-device v0.14ではスキルが完全に刷新され、helpコマンドによるシンプルな指示が実現されました。
skillgymを使ったテストでは、安価なモデルで41.7〜54.2%だった合格率がCodexによって100%に改善されたとのことです。
In 𝚊𝚐𝚎𝚗𝚝-𝚍𝚎𝚟𝚒𝚌𝚎 v0.14 we completely reworked our skills: simpler instructions through 𝚑𝚎𝚕𝚙 command. But how did we know it’s better? We added tests with skillgym. Started at 41.7–54.2% passing on cheap models, and Codex got it to 100% while adding more cases.
agent-cdp v1.4.0とRozenite v1.8.0でデバッグ・監視ツールが強化#
agent-cdp v1.4.0ではエージェントがPerformance APIエントリを検査したりライブコードを実行したりできるようになり、Rozenite v1.8.0ではreact-native-nitro-fetchがReact Native DevToolsのNetwork Activityプラグインに対応しました。
nitro-fetchと組み込みAPIを混在させても統合されたネットワークログで一元確認できます。
If your agent ever wanted to inspect Performance API entries or execute code to debug things live, it can now do that with agent-cdp v1.4.0 P.S. We also support network logs now, in case you missed it 🫡
Rozenite v1.8.0 brings react-native-nitro-fetch to React Native DevTools via the Network Activity plugin. You can mix both nitro-fetch and built-in APIs - you'll see both in a unified network log.
npx serve-simでiOSシミュレーターのアプリをブラウザから要素検査#
iOSシミュレーター上の任意のアプリをCodexやブラウザから直接要素検査できるnpx serve-simコマンドが公開されました。
エージェントからiOSアプリのネットワークリクエストのデバッグや要素検査が可能になります。
You can now 'inspect element' for any iOS app directly in Codex or the browser! ~ / npx serve-sim S/O @rounak for the contribution 🚀
I gave Codex the ability to open Chrome DevTools for any iOS website No more opening Safari just to inspect element or debug network requests. Just tell your agent to run: ~ / npx serve-sim
SimCamがiOSシミュレーターにカメラ機能を追加#
iOSシミュレーターにカメラ機能を追加するツール「SimCam」が公開されました。
フロントカメラ・バックカメラの両方をサポートし、メニューバーから各カメラソースを制御できるとのことです。
The iOS Simulator has never had a camera. SimCam fixes that! Your simulator can use front, back or both cameras, each with its own source you control from the menu bar.
React Conf Japan 2027が東京で開催決定#
React Conf Japanが2027年4月24日に東京で開催されることが発表されました。
詳細は近日公開予定とのことです。
📣 Save the date!! React Conf Japan April 24, 2027 — Tokyo 🇯🇵 More details soon.
今週のひとこと#
SWCがFlowをサポートしてBabelを完全置き換えできるようになり、約8倍の高速化という数字が出ましたね。
ビルドツールの置き換えはエコシステム全体への影響が大きく、この数字がどこまで実環境で再現されるか気になります。