2026-04-14 · #27
週刊React Native #27 RN 0.85 Shared Animation、Expoが週間380万DL、Nitro Player 1.0公開ほか
React Native 0.85とShared Animation Backend#
React Native 0.85 が公開され、Shared Animation Backend のプレビューが入っています。 Animated と Reanimated の両方を支える内部エンジンとして扱われ、TextInput の selection データや Metro の TLS サポート、Jest preset の分離も含まれています。
React Native 0.85 is now available! This release includes the New Animation Backend, selection data in TextInput onChange events, Metro TLS support, and moves the Jest preset to a dedicated package. reactnative.dev/blog/2026/04/0…
React Native DevTools に複数 CDP 接続のサポートが入り、DevTools、VS Code、AI エージェントを同時に接続できるようになります。
macOS ではネイティブタブ対応も追加され、開発時の操作性も広がっています。
React Native DevTools improvements - Multiple CDP connections: Connect DevTools, VS Code, and AI agents simultaneously - Native tabs on macOS: System-level tab handling for power users
Reanimatedが:activeや:hoverのtransitionに対応予定#
Reanimated が :active、:hover、:focus などの擬似セレクタに対する CSS transitions をサポート予定です。
React Native でも Web に近い感覚でインタラクション表現を組み立てやすくなりそうです。
Reanimated will support CSS transitions for :𝚊𝚌𝚝𝚒𝚟𝚎, :𝚑𝚘𝚟𝚎𝚛 and :𝚏𝚘𝚌𝚞𝚜 pseudo-selectors 🤯 twitter.com/wisniewskij514/sta…
ExpoがAGENTS.mdを自動生成するように#
次期 Expo では create-expo-app が公式の Agent skills を含む AGENTS.md を自動生成します。
CLAUDE.md へのシンボリックリンクも作られ、AI エージェントを最新 API やドメイン知識に誘導しやすくなるようです。
In the next version of expo create-expo-app will auto-generate an AGENTS.md file with official Expo Agent skills this guides agents towards the latest APIs and domain-specific knowledge also creates a symlink to the non-standard `CLAUDE.md` disable with --no-agents-md
agent-device v0.12.2で表示差分を検出できるように#
AI AgentがiOSやAndroidのデバイスを操作することが出来る「agent-device」で、表示差分を確認できるようになりました。 これによって、AI Agentが表示のズレを検出し、修正しやすくなります。
New in agent-device: image diffs are now visual + machine-readable. Agents can tell: → where the change happened → text movement vs visual change → which part of the screen changed From “close enough” to “Wi-Fi moved 17px”. This cuts design→code iterations by 40–60%.
Rozenite 1.7.0が公開#
React NativeのDevToolsを拡張することが出来る、Rozeniteの1.7.0が公開されました。
今回の変更では、SQLiteプラグインや、ファイルシステムプラグインがExpo以外のサードパーティのものにも対応しました。 また、Agent用のセッションの安定性や速度が向上しました。
Rozenite v1.7.0 is here 🚀 This release brings a couple of nice things: - SQLite plugin - support for custom filesystem packages via adapters - Rozenite for Agents speed-up Give it a try and let me know what you think.
音楽再生ライブラリのNitro Player 1.0.0が公開#
Nitro Modulesで作られた、音楽再生用のライブラリが公開されました。
イコライザーやオフラインダウンロード、またAndroid AutoやCarPlayなどの車載アプリに対応しているなど、高機能なライブラリとなっているようです。
I finally released 1.0.0 of Nitro Player. The most stable Release ever. Its full internal rewrite which both fast and safe. Also asked cursor to create a cool docs (while i was watching Project Hail Mary) nitroplayer.riteshshukla.in
Nitro PlayerA powerful audio player library for React Native with playlist management, playback controls, and support for Android Auto and CarPlay.nitroplayer.riteshshukla.in
Expoの週間ダウンロードが380万を一時超える#
AI Agentの登場以降、Expoのダウンロード数が8倍にもなっているようです。
The best way to make an app is almost 8x more popular since agents. twitter.com/icanvardar/status/…
2024→2025年でもかなり増えていた印象ですが、2026年に入ってからより大きな伸び率で驚きですね。
React Nativeの伸び率エグいな。 2026年になって更に週間DL数が伸びている
Sonner Native にスタックトースト機能が近日追加予定#
React Native向けトースト通知ライブラリのSonner Nativeが、複数トーストをスタック表示する機能を近日実装予定のようです。 奥行きとスケールで層を表現してタップで展開する仕組みで、New ArchitectureのuseLayoutEffect内での同期的getBoundingClientRect()を活用しています。
Sonner Native is soon getting a major upgrade — stacking toasts. Multiple toasts will stack with depth, scale down to show layers behind, and expand on tap. All powered by React Native's New Architecture: synchronous getBoundingClientRect() in useLayoutEffect.
react-native-nitro-fetchをblueskyに組み込んだデモが公開#
高速なフェッチをウリにしているreact-native-nitro-fetchを、OSSであるblueskyアプリに組み込んだデモが公開されました。
通常のfetchと比べて、0.5秒ほどの起動時間の差が出たそうです。
組み込みも3分ほどで完了したそうなので、パフォーマンスが気になるようなアプリであれば試してみると良さそうです。
We plugged our 𝚛𝚎𝚊𝚌𝚝-𝚗𝚊𝚝𝚒𝚟𝚎-𝚗𝚒𝚝𝚛𝚘-𝚏𝚎𝚝𝚌𝚑 library into @bluesky's app and configured prefetching - it took us a whole 3 minutes and made the app load 500000000000000000000 zeptoseconds faster! 🤯 Try Nitro Fetch today! 📲
React Native & Flutter Meetup#
4月24日に、日本のReact NativeとFlutterのコミュニティで合同イベントが開催されます。
これまでこういったクロスプラットフォームでの合同イベントはなかったので楽しみですね！
火花バチバチ(?)なイベントが立ったので、再来週来てくれよな！！！ React Native & Flutter Meetup react-native-meetup.connpass.c… #ReactNativeJP
React Native & Flutter Meetup (2026/04/24 19:00〜)# React Native & Flutter Meetup @Scoville ## イベントの概要 / Overview React Native および Flutter に関する知見を共有するLT会を開催します！ 発表は日本語で行われます。 * * * ## LT登壇者を募集します！ / Calling for LP Speakers! * 内容はReact Native/Flutterに関することならなんでもOKです * LT時間は約10分の予定 * ご都合のよい時刻（LTの順番）も調整可能です * * * * Any topic related ...connpass
今週のひとこと#
React Native 0.85で入ったShared Animation Backendは、React Native単体でパフォーマンスの高いレイアウトアニメーションが出来て良さそうですね！ https://twitter.com/reactnative/status/2041925682981396684
4/13にFindyさんのイベントで、私のReact Nativeを使った取り組みを紹介しました。 皆さんのReact Native開発の参考になれば…！
少人数でもモバイルとWebを妥協なく開発する React Nativeの実践戦略 - Slidev"## React Native Lunch Talk 〜いま選ばれる理由とアプリの現在地〜\n"findy-talk.kazutoyo.jp
また、こちらで気になるところなどがありましたら、ぜひXのDMなどで聞いていただいても大丈夫です。