2026-03-11 · #23
週刊React Native #23 Expo Agent ベータ版、Hermes TS対応、Expo SDK 55移行ほか
Expo Agent ベータ版リリース#
ExpoがAIエージェント「Expo Agent」のベータ版を発表し、ウェイトリストへの登録受付を開始しました。
ExpoチームがClaude Codeをベースにチューニングを加え、Expoのエコシステムやビルドパイプライン、各ネイティブプラットフォームのAPIなど、モバイルアプリ開発に深い知識を持つエージェントを構築しました。
Watchアプリなど必要な部分はSwiftUIなどネイティブで実装するなど、React Native単体ではできない部分も対応できるようです。
🙌 Today we're thrilled to introduce the beta of Expo Agent. At Expo our mission has always been the same: to make it as delightful as possible to build beautiful, powerful native apps. Expo Agent represents massive progress in our pursuit of that mission. Watch the video
Introducing Expo Agent (beta): build native apps with Expo and AIDescribe the app you want. Expo Agent builds it. A real, shippable native app for iOS, Android, and the web. Join the waitlist to try the beta. Expo Blog
React Navigation 8.0 新アルファ版のアップデートまとめ#
最初のアルファ版以降の主要変更点がブログ記事にまとめられました。
非アクティブ画面の動作を制御するinactiveBehaviorの追加や、SF SymbolsおよびMaterial Symbolsのサポートなど、実用的な機能が着々と揃ってきています。
We have had many updates since our first alpha. So we wrote a post with more details. 📝 Highlights - inactiveBehavior to pause or unmount - Deep links by default in Static config - Standard schema in linking - SF and Material Symbol - Material themes And more… Read below 👇
react-native-unistyles v3.1の公開とSkillsの追加#
Unistyles v3.1が公開され、Babelプラグインの軽量化やStyleSheet.addChangeListenerの追加、react-native-edge-to-edge がオプショナルになるなど複数の新機能を含むアップデートが行われました。
また、Unistyles向けのコーディングエージェント用のSkillも追加されました。
I've just released big Unistyles update! - smaller babel plugin - new public API: StyleSheet.addChangeListener - optional react-native-edge-to-edge - support for Nitro 0.35+ - better mocks with variants - fixed few bugs and memory leaks! Enjoy 🦄
Released new Unistyles v3 skill!
React Native Enriched 0.5.0でHTMLノーマライザーに対応#
リッチテキストエディタライブラリであるReact Native Enrichedで、HTMLノーマライザーに対応しました。
これによって、コピーされたテキストをペーストしたとき、元のフォーマットを維持したまま貼り付け出来るようになります。
React Native Enriched 0.5.0 is out 🎉 One of the highlight features is the HTML normalizer. You can now copy text from pretty much anywhere, paste it into our input, and the formatting just stays intact. 🚀 Check 🧵for full release notes.
react-native-enriched-markdown v0.4.0のリリース#
React Native向けのMarkdownレンダラーであるreact-native-enriched-markdownの0.4.0が公開されました。 LaTeXのインライン・ブロックレンダリングやiOS/Androidでの画像キャッシュ、幅広いLaTeXブロックの横スクロール対応が追加されました。
𝚛𝚎𝚊𝚌𝚝-𝚗𝚊𝚝𝚒𝚟𝚎-𝚎𝚗𝚛𝚒𝚌𝚑𝚎𝚍-𝚖𝚊𝚛𝚔𝚍𝚘𝚠𝚗 0.4.0 is out! 🚀 🔢 LaTeX Math Rendering — full inline/block support. Optional build-time flags to save ~2.5MB if you don't need it. 🖼️ Image Caching — memory + disk caching on iOS & Android. Faster re-renders and
RNRepo iOSサポート追加でビルド時間を最大75%短縮#
以前はAndroidのみだったRNRepoがiOSサポートを追加し、事前ビルド済みアーティファクトの活用でビルド時間を最大75%削減できるようになりました。
RNRepo cuts build times by up to 75% using pre-built artifacts. ⚡️ We finally shipped iOS support last week. See the 4x speed boost in practice – and try it yourself ⬇️
LegendList スクロール最適化アップデート#
上方向スクロール時の再レンダリングを1回の位置更新のみに削減する最適化を実装中で、Nextベータでの対応が予定されているようです。
I've been working on a big new optimization in LegendList - scrolling up only has to re-render one single position update! So scrolling up will be much smoother. Perfect for all of you making chat apps, which seems to be everyone 😂 For both web and mobile in the next beta 🎉
HermesがTypeScriptアノテーション除去をネイティブサポート#
HermesがTypeScriptの消去可能なアノテーションをネイティブでストリッピングできるようになりました。 Babelを介さずにTypeScriptを処理できる範囲が広がります。
Hermes finally has native support for stripping erasable TypeScript annotations (link to commit in next tweet).
Expo SDK 55でexpo-avが削除、expo-video + expo-audioへ移行#
Expo SDK 55でexpo-avが完全に削除され、expo-videoとexpo-audioへの移行が必須になります。Software MansionがExpensifyの実際のプロダクション移行を元にした移行ガイドを公開しており、VideoPlayerとVideoViewの分離やイベントベースの状態管理などが解説されています。
expo-av is fully removed in Expo SDK 55. The path forward is expo-video + expo-audio. @swmansion Mansion shared a migration guide from a real production move (@expensify), including: ♢ VideoPlayer + VideoView split ♢ sync calls ♢ event-based state Great blog post:
react-native-worktreeが公開#
AIエージェント向けのSkillであるreact-native-worktreeが公開されました。 複数のAIエージェントが同じReact Native / Expoアプリを並行開発するためのツールで、git worktreeごとに独立したMetroサーバーを起動しつつ、デバイスやシミュレーターへのアクセスをファイルベースのロックで調整します。 これによって、git worktreeで複数のAIエージェントが稼働して開発している場合も、Metroのポートの競合なしに開発することができます。
Built a new skill + cli tool that makes it easy to use multiple agents at the same time with a single Expo app. It makes sure agents don't conflict with each other and swaps connected metro servers on the fly. Works on ios or android simulator. docs: github.com/aleqsio/react-nativ…
今週のひとこと#
Expo Agentの登場で、WebフロントエンドエンジニアがReact Nativeに挑戦する際のハードルが大きく下がりそうですね。
SwiftUIやJetpack Composeの知識がなくても、Watch対応などが実装できるうえ、ビルドからApp Store・Google Playへのリリースまでをひとつのエージェントがサポートしてくれるなら、「モバイルアプリを作りたいけど、ネイティブ領域が不安で踏み出せなかった」という人にとって、大きな後押しになるのではないでしょうか。