2026-03-25 · #25
週刊React Native #25 AIエージェントとDevTools、Expo Agentでネイティブ実装、Reanimatedちらつき改善ほか
Blog updated · MD コピー
AIエージェントがReact Native DevToolsを操作できる「Rozenite for Agents」#
Coding AgentがReact Native DevToolsを通じてアプリのログ、ネットワークアクティビティ、Reactプロファイリングデータにアクセスできる「Rozenite for Agents」が発表されました。
例えばエラーログやネットワークレスポンスをAgentが直接読み取り、原因の特定や修正提案まで自動で行えるようになります。
また、公式のプラグインにはRedux DevToolsや、ファイルシステム用のプラグインも備えており、独自プラグインの作成も対応しています。
Introducing Rozenite for Agents 🚀 The agent-facing interface for interacting with React Native DevTools and Rozenite plugins. It enables coding agents to inspect React Native apps - providing access to logs, network activity, React profiling data, and powerful plugin tooling.
Rozenite 1.6.0 is out 🚀 Agents can now do even more inside your app: inspect TanStack Query state, interact with Redux stores, dispatch actions, and dig deeper into app behavior right where you already debug. And yes - the long-awaited File System plugin is finally here 🧵
Reanimatedのスクロールちらつき改善設定が公開#
ReanimatedとReact Nativeのフィーチャーフラグ（React Native 0.81以降）を組み合わせることでスクロール中のちらつきやジッターを改善できる推奨設定が公開されました。
スクロール中にスティッキーヘッダーなどのアニメーションコンポーネントなど、ちらつきが起こりやすい場面で有効とのことです。
Is your app flickering or jittering while scrolling? 🐌 This can be fixed with Reanimated and React Native feature flags🚩 We've updated our recommendations – please give it a read docs.swmansion.com/react-nativ…
Feature flags | React Native ReanimatedFeature flags allow developers to opt-in for experimental changes or opt-out from recent changes that have already been made default. Feature flags serve as a tool for incremental rollout of new implementation without affecting the general stability of the library, allowing to gather feedback from early adopters. There are two types of feature flags: static and dynamic.docs.swmansion.com
Uniwind 1.6.0：週間ダウンロード10万超えとRN 0.85サポート#
1.6.0ではReanimatedによるclassNamesアニメーションやブラーテーマトランジションが追加され、React Native 0.85.0のサポートも加わりました。
We've just released Uniwind 1.6.0 and Uniwind Pro RC.6 🔥 One of the biggest releases since the beginning! - new Reanimated classNames animations - new blur theme transitions - Support for React Native 0.85.0 - built-in support for border-continuous and border-circular
Uniwindは週間ダウンロードが10万を超え、同じTailwindライクにスタイリングが可能なNativeWindからのワンショット移行も案内されています。
Switch to Uniwind now 🎉 - 100k+ weekly downloads and growing fast - battle-tested over the past 6 months, stable and production ready - one of the fastest solutions for styling and Tailwind 4 - one-shot migration from NativeWind 🫡
RN Worklets 0.8でBundle Modeが扱いやすく#
RN Worklets 0.8でBundle Modeの使い勝手が大幅に向上しました。
バックグラウンドのworkletスレッドでmarkdownをストリーミングしたり、複数スレッドから同時にネットワークリクエストを投げたりでき、機能フラグや長い再コンパイルも不要になったそうです。
Thanks to RN Worklets 0.8, Bundle Mode just got a lot more interesting! 🧵👀 ✦ Stream markdown in a background worklet thread ✦ Network requests from multiple threads at once ✦ Way simpler setup – no feature flag, no lengthy recompilation ✦ Detailed installation instructions
react-native-nitro-fetchにストリーミングサポートが追加#
react-native-nitro-fetchにストリーミング機能が追加され、他のライブラリと比較して25%優れたパフォーマンスが計測されたとのことです。
We just added the most requested feature to react-native-nitro-fetch: Streaming 🌊🥳 Compared to other libraries, we've measured 25% better performance with NitroFetch, making it a perfect fit for data heavy streaming use-cases, like Chat- or AI apps 🔥
react-native-enriched-markdownが入力まで扱えるように#
react-native-enriched-markdownにEnrichedMarkdownInputが加わり、入力から表示までをまとめて扱えるようになりました。
Telegram風の選択ツールバーや、EnrichedMarkdownTextとの同期も特徴として挙げられています。
react-native-enriched-markdown just leveled up! 🚀 We've added EnrichedMarkdownInput, which means the library is now a fully rich-text suite for React Native. 💪 You get a Telegram-style selection-based toolbar, seamless Input-to-Output sync with EnrichedMarkdownText,
v0.5.0ではmacOSへの対応も進められており、iOSと同等のネイティブMarkdownレンダリングがデスクトップでも利用できるようになりそうです。
🚀 react-native-enriched-markdown is coming to macOS! v0.5.0 will officially bring native markdown rendering to desktop, supporting the same feature set as iOS Current status: In-progress 🛠️
react-native-morph-card：単一のネイティブトランジションで要素を変形#
サイズ・borderRadius・位置・回転を単一のネイティブトランジションでアニメーションできるreact-native-morph-cardが公開されました。
ナビゲーションとの相性も良く、シーン間でのトランジションなどでも活用できるようです。
npm i react-native-morph-card Pure native animations, works well with navigation Simple API Animates size, borderRadius, position & rotation in a single native transaction Works with live components What should I add next?
Expo Agentでネイティブ機能を短時間で実装#
Expo Agentでカスタムロック画面ウィジェットを一発で作れたと紹介されています。
ネイティブ機能の追加にかかる手間を大幅に削減できそうです。
Expo Agent just let me one-shot a custom lock screen widget Literally never been easier to create any native feature
今週のひとこと#
Rozenite for Agentsは個人的に最も欲しい機能だったので嬉しいですね！
Rozenite for Agentsとagent-deviceについてはこちらのZennの記事を書きました！
React Native開発が変わる。RozeniteでCoding Agentに「目と手」を与えた話Zenn
これによってAIを使ったモバイルアプリ開発がより捗りそうです。