2026-03-18 · #24
週刊React Native #24 Reanimated 4.3.0-rc、Expo SDK 55 UI Beta、RN ドラッグ&ドロップ v2ほか
Reanimated 4.3.0-rc.0 と Worklets 0.8.0-rc.0 公開#
React Native Reanimated 4.3.0-rc.0 と Worklets 0.8.0-rc.0 のリリース候補が公開されました。
Androidでのレイアウトアニメーションクラッシュの修正も含まれています。
We just released Reanimated 4.3.0-rc.0 and Worklets 0.8.0-rc.0. They come with a lot of features and optimizations but we want to make sure we didn't ship any breaking changes. Please let us know if upgrading to these RC versions causes any issues. List of what to watch for
react-native-ease：JSオーバーヘッドゼロのアニメーションライブラリ#
iOSのCore AnimationとAndroidのAnimatorを直接活用する react-native-ease が公開されました。
UIスレッドが遅延している状況でもアニメーションが滑らかに動き続けるのが特徴です。
Reanimatedとの違いとして、Reanimatedは強力ですが、アニメーション指定が複雑になりやすい点があります。
よりシンプルなアニメーションの利用場面では react-native-ease が活躍しそうです。
Finally got to build this. Create animations that use Core Animation on iOS and Animator on Android with zero JS overhead. Same animation. But one keeps running smoothly even when the UI thread is lagging. Introducing react-native-ease 🍃
React Native Streamdown：ストリーミング対応Markdownライブラリ#
Software Mansionが「React Native Streamdown」を発表しました。
WorkletsのBundle Modeを使ってバックグラウンドでMarkdownを処理することで、AIアプリのストリーミング表示時のジャンクをJSスレッドへの影響ゼロで解消します。
AIチャットアプリなど、LLMからストリーミングでMarkdownを取得して表示するような場面で活用できそうです。
Introducing React Native Streamdown – our new streaming-ready Markdown library 🚀 We’ve built it on top of RN Enriched Markdown, remend, and Worklets Bundle Mode to fix the "streaming jank" in AI apps. 🔹 Zero UI lag – background processing via Worklets. JS thread stays 100%
React NavigationのドキュメントがLLM向けにMarkdown形式で返却可能に#
Accept: text/markdown ヘッダーを付けてリクエストすると、React NavigationのドキュメントがMarkdown形式で返ってくるようになりました。
Dynamic APIとStatic APIの違いをまとめたページも新たに追加されています。
React Navigation docs now return markdown instead of HTML for any request with a Accept: text/markdown header 📝 Anything else we can improve to make using the documentation easier with LLMs? reactnavigation.org/docs/llms
We now have a page that lists all differences between dynamic and static APIs. Previously, it wasn't worth migrating if you already have types and deep links with the Dynamic API. But with LLMs, this could now be an option to simplify code and get better DX, and we want to make
React Native Directoryにバージョン別ダウンロードチャートが追加#
React Native Directoryのパッケージバージョンページに、直近1週間の上位バージョン別ダウンロード数を示すチャートが追加されました。
新バージョンの普及状況を視覚的に確認できます。
📊 New on React Native Directory: package version pages now show a Top Versions download chart. Quickly see which versions were installed most in the last week and how adoption of new releases is looking. 🌐 Start exploring: reactnative.directory
Expo SDK 55でExpoUIのJetpack ComposeがBetaに#
先日Expo SDK 55が公開されましたが、そのタイミングでExpoUIのJetpack Composeがアルファからベータになりました。
SwiftUI版ではネイティブのSwiftUIのAPIと命名を揃えるようになっていましたが、Jetpack Compose版も同じように、Material3のコンポーネントと同じ命名規則になっています。
これによってSwiftUIやJetpack Composeの規約に準拠するため、詳細は公式のドキュメントを参照でき、人にもAIにも分かりやすくなるとのことです。
🤖 New in Expo SDK 55: Jetpack Compose in React Native. Not a JS approximation. The real thing. Material Design 3 components, Compose modifiers, native rendering. SwiftUI on iOS. Compose on Android. One codebase. Get all the details in @kudochien's blog post below ↓
Expo UI in SDK 55: Jetpack Compose now available for React Native appsExpo UI in SDK 55 brings Jetpack Compose to beta and aligns SwiftUI APIs with Apple's conventions, so your native framework knowledge transfers directly.Expo Blog
VoltRN CLI：React Native/Expo向け開発者CLIツール#
React NativeおよびExpoプロジェクト向けの「VoltRN CLI」がリリースされました。
プロジェクトのスキャフォールディング、スクリーンジェネレーター、プロジェクトドクターなど複数の機能を備えています。
Finally it is out!!! 🚀 Just released VoltRN CLI A developer focused CLI for React Native/Expo. ⚡ Fast project scaffolding 🧩 Feature adders 🏗 Screen generators 🔧 Project doctor 📦 Opinionated templates Start a React Native/Expo project in seconds. GitHub
React Native のドラッグ＆ドロップライブラリ react-native-reanimated-dnd v2.0 が公開#
React Native 向けのドラッグ＆ドロップライブラリであるreact-native-reanimated-dndがv2.0になりました。
React Native Reanimatedを利用しており、パフォーマンスが高く、様々な機能を揃えているようです。
I made a React Native Drag and Drop library that finally works! [v2.0 release] 10 months ago v1 became the top post of the month on r/reactnative. Since then: hundreds of stars, tons of community feedback, and all of it shaped this release. Demos below (1/5)
今週のひとこと#
ExpoUIについての記事で、 @expo/ui/swift-ui と @expo/ui/jetpack-compose を使った共通のコンポーネントAPIを開発していると書かれていましたね。
現在はSwiftUIとJetpack ComposeのAPIが分かれているので、プラットフォームごとにそれぞれ実装する必要がありますが、それをラップした共通コンポーネントがあることで、より導入しやすくなるかもしれません。
先週発表のあったExpo Agentでは、SwiftUIとJetpack Composeを駆使した開発について触れられていましたが、このようにExpoUIを活用してより品質の高いアプリを作ることを目指しているのかもしれませんね。
また、Expo SkillsにExpoUIのSkillも追加されていました。 こちらも活用すると良さそうです。