2026-06-15 · #32
週刊React Native #32 Expo日本語ドキュメント、SDK56 Android70%高速化、Nitro週間100万DLほか
Expo公式ドキュメントが日本語対応を開始#
Expoの公式ドキュメントに日本語翻訳が追加され、「Expoへようこそ！🇯🇵」として公開された。まだ翻訳されていないページが多数あるとのことだが、日本語ドキュメントの充実度でFlutterが優位とされてきた状況に変化が生まれそうです。
Expoへようこそ！🇯🇵
i18nはまだ始まったばかりなのでまだ翻訳されていないページがたくさんあります。ご理解いただけるとうれしいです！
@JI I’ve heard a lot of sentiment that Flutter won over React Native in Japan simply because it has better Japanese documentation, so this is a great move! 👏 Next step: Expo branch office in Japan 🥹
Expo SDK 56でAndroidモジュール初期化が最大70%高速化#
Expo SDK 56にKotlinコンパイラプラグインが搭載され、Androidモジュール起動時のリフレクションが除去された。モジュール初期化70%高速化・初回レンダリング30%高速化・Recordの変換6倍高速化という数字が並んでおり、アプリ側のコード変更は不要です。
🆕 Expo SDK 56 ships a Kotlin compiler plugin that removes reflection from Android module startup. 70% faster module init. 30% faster first render. 6× faster Record conversions. App developers get it automatically. Zero code changes required. Full blog below from @lkosmaty↓
Expo SDK 56でインラインネイティブモジュールが追加#
Expo SDK 56では、NativeView.swiftをApp.tsxの隣に配置してSwiftコードを直接記述できるインラインネイティブモジュール機能も追加された。事前のスキャフォールディングが不要で、セットアップはわずか2ステップで完了するとのことです。
Your next native module can live right next to your 𝙰𝚙𝚙.𝚝𝚜𝚡. In Expo SDK 56 we added inline native modules. Create a 𝙽𝚊𝚝𝚒𝚟𝚎𝚅𝚒𝚎𝚠.𝚜𝚠𝚒𝚏𝚝 beside your app files and write Swift there. Nothing to scaffold first. Setup takes two steps ↓
@expo/vector-iconsが非推奨化#
Expoが@expo/vector-iconsを非推奨にすることを発表した。今後はreact-native-vector-iconsがexpo-fontと直接統合され、Expo Go・開発ビルドなど全環境で動作するようになるとのことで、移行には一定の作業が必要とのことです。
🆕 𝚎𝚡𝚙𝚘/𝚟𝚎𝚌𝚝𝚘𝚛-𝚒𝚌𝚘𝚗𝚜 is moving to deprecated. The 𝚛𝚎𝚊𝚌𝚝-𝚗𝚊𝚝𝚒𝚟𝚎-𝚟𝚎𝚌𝚝𝚘𝚛-𝚒𝚌𝚘𝚗𝚜 packages now integrate directly with expo-font and work in Expo Go, dev builds...the whole thing. The change is going to require a bit of effort. But it'll
react-native-runtimesがリリース、MetaMaskの起動を大幅高速化#
Margeloがreact-native-runtimesをリリースし、別々のJSランタイムでReactコンポーネントをレンダリングできるようになった。ZustandのステートをC++で複数ランタイム間で同期する仕組みで、MetaMaskに適用したところアプリの起動が大幅に高速化されたとのことです。
We just released react-native-runtimes! 🥳 👉 Render React components on separate JS Runtimes 👉 Share state (Zustand) across Runtimes, synced in C++ 👉 Dual-Thread-approach for rendering/business logic We plugged this into MetaMask which made the app start substantially faster:
Why stop at one when you can have many? It's still early, but the results are already very promising. They'll definitely improve over time, but you're welcome to try react-native-runtimes now and share your feedback. We'd be super grateful! twitter.com/margelo_com/status…
RNRepoでCIビルド時間をAndroidで最大40%削減#
Software MansionのRNRepoを導入することで、CIビルド時間をAndroidで最大40%、iOSで15%削減できることが報告された。無料で利用可能とのことです。
📦 RNRepo reduced our CI build times by up to 40% on Android and 15% on iOS. Learn how to adopt it into your CI 👇 (it's free)
NitroがnpmWeeklyダウンロード数100万件を突破#
React Native向けネイティブモジュールフレームワークのNitroが、npmの週間ダウンロード数100万件を突破した。Bajaj Finserv HealthのDoctorアプリでAxiosアダプターをNitro Fetchに置き換えたところ、プリフェッチなどの高度な最適化なしでもパフォーマンスが大幅に向上したという報告も上がっています。
Nitro hit 1+ million weekly downloads on npm! 🤯
Many people don't realize that Nitro Fetch is faster even without prefetching or other advanced optimizations. This is the performance gains we achieved in Bajaj Finserv Health's Doctor app simply by replacing the Axios adapter with Nitro Fetch.
ReanimatedにAnimated.Textが近日追加予定#
React Native ReanimatedにAnimated.Textコンポーネントが近日中に追加される予定であることが、開発者のtomekzaw氏によってデモ動画とともに告知されました。
𝙰𝚗𝚒𝚖𝚊𝚝𝚎𝚍.𝚃𝚎𝚡𝚝 is coming to Reanimated soon™️
React Navigation 8のSFSymbolにcontentTransitionサポートが追加予定#
React Navigation 8のSFSymbolコンポーネントにcontentTransitionプロパティが近日追加される予定で、type: 'replace'やmagic: trueなどのオプションでシンボル変更時のトランジションエフェクトを設定できるようになるとのことです。
The SFSymbol component in React Navigation 8 will soon support contentTransition. It enables nicer transition effects when the name changes, depending on the symbol. <SFSymbol name={name} contentTransition={{ type: 'replace', magic: true }} />
Xcode 27 / iOS 27 BetaのリリースノートからReact Native開発者への影響をまとめ#
Xcode 27 / iOS 27 BetaのリリースノートからUIScene必須化・Liquid Glass義務化など既存アプリへの影響が大きい変更点がまとめられた。Foundation Modelsのマルチモーダル対応やTrustInsightsなど新機能も含まれています。
Xcode 27 / iOS 27 Beta のリリースノートから、既存アプリへの影響が大きそうな変更点をまとめました📝UIScene 必須化・Liquid Glass 義務化は予告通り。Foundation Models のマルチモーダル対応とか TrustInsights とか、気になる新機能もちらほら。 Xcode 27 / iOS 27 Beta のリリースノートから
react-native-livechartsがリリース、60fpsで動作するリアルタイムチャートライブラリ#
React Native向けのリアルタイムチャートライブラリreact-native-livechartがリリースされた。毎秒10件以上のトレードデータが来ても60fpsで滑らかに動作し、マルチラインチャートとローソク足チャートに対応しています。
react-native-livechart is live 🥳 Beautiful, reliable live charts for React Native: (multi-) line and candlestick, smooth at 60fps even with 10+ trades a second coming in. TL;DR: npm install react-native-livechart; deep dive 👇
今週のひとこと#
Expo公式ドキュメントの日本語化は嬉しいニュースですね！
日本のコミュニティにとって、Expo・React Nativeがさらに身近になっていき、より日本でもReact Nativeが使われるようになっていくと良いですね！