2026-06-29 · #34
週刊React Native #34 Expo SDK 56が2.3倍高速化、Reanimated 4.5 CSS疑似セレクター、quick-crypto 7500倍高速ほか
Expo SDK 56 でネイティブモジュールが最大 2.3 倍高速化#
Swift が JSI と直接通信するようになり、コールパスから Objective-C++ レイヤーが排除されました。 Apple プラットフォームでのネイティブモジュール呼び出しが 1.6〜2.3 倍高速化し、Turbo Modules と同等以上のパフォーマンスを達成しています。
@tsapeta による詳しい解説記事も公開されています。
𝝠 Expo native modules are 1.6 to 2.3x faster on Apple platforms in SDK 56. Swift talks to JSI directly. The Objective-C++ layer in the call path is gone, so calls lower straight to C++, matching or beating Turbo Modules. Deep dive from @tsapeta: try.expo.dev/jsi-twitter
Talking to JSI in Swift: what changed in SDK 56In SDK 56, Expo's native modules call JSI directly on Apple platforms. The Objective-C++ layer is gone, and calls are 1.6–2.3x faster. Expo Blog
Hermes 新安定版 260318099.0.0 リリース#
Iterator Helpers、Object.groupBy、Set 操作、Promise.withResolvers、組み込み TextDecoder、TypeScript 型ストリッピングなど多数の機能が一気に追加されました。 JSON パフォーマンスの大幅改善と仕様準拠の修正も含まれています。
New Hermes Release 260318099.0.0 The new stable release brings features like Iterator Helpers, Object.groupBy, Set operations, Promise.withResolvers, built-in TextDecoder, TypeScript type stripping, significantly faster JSON performance, and many spec compliance fixes.
Reanimated 4.5 が CSS 疑似セレクターを導入#
:hover、:active、:focus といった CSS 疑似セレクターが React Native で使えるようになりました。
iOS と Android でネイティブバックエンドを使用しており、ブラウザと同じ書き方で CSS アニメーションに適用できます。
Reanimated 4.5 brings pseudo-selectors to React Native! 🐎 You can now use :hover, :active, and :focus in your CSS animations the same way you would in a browser, with native backends on iOS and Android. Check out the demo below and more features in this release ⬇️
LegendList 3.2.0 の experimental_adaptiveRender#
LegendList 3.2.0 に追加された experimental_adaptiveRender プロップは、スクロール速度が閾値を超えたときに軽量コンポーネントへ切り替えることでブランキング（白飛び）を抑えます。
画像やジェスチャーデテクター、モーダルのセットアップなどをスキップできるため、高速スクロール時の描画負荷を下げられます。
LegendList 3.2.0 has a new experimental_adaptiveRender prop, which can improve blanking if you have heavy components. You can render light components when scrolling over a velocity threshold. So you could skip images, gesture detectors, modal setup, etc... Right has it enabled.
react-native-quick-crypto が JS ポリフィルより最大 7,500 倍高速#
Margelo が react-native-quick-crypto を紹介し、JavaScript ベースのポリフィルと比較して最大 7,500 倍高速であることを示しました。
Did you know that 𝚛𝚎𝚊𝚌𝚝-𝚗𝚊𝚝𝚒𝚟𝚎-𝚚𝚞𝚒𝚌𝚔-𝚌𝚛𝚢𝚙𝚝𝚘 is up to 7,500× faster than JS based polyfills? Not seven point five times, 𝘀𝗲𝘃𝗲𝗻-𝘁𝗵𝗼𝘂𝘀𝗮𝗻𝗱-𝗳𝗶𝘃𝗲-𝗵𝘂𝗻𝗱𝗿𝗲𝗱 𝘁𝗶𝗺𝗲𝘀! 🤯
Nativewind 4.2.6 でファストリフレッシュが修正#
React Native 0.83 以降および Expo SDK 55・56 でのファストリフレッシュの問題が修正され、アプリ実行中に新しいクラスを追加するとリアルタイムで反映されるようになりました。
npm i nativewind@latest でアップデートできます。
Nativewind 4.2.6 is now available ✨ This version fixes fast refresh on React Native 0.83+ and Expo SDK 55 and 56. Adding a new class while the app is running updates in real-time again. No full restart needed. npm i nativewind@latest Thanks for your help @jackmekiss!
RNRepo 採用で Photobucket の Android ビルド時間が 30% 削減#
Software Mansion が、Photobucket が RNRepo を採用した結果として Android ビルド時間が 30% 削減されたことを報告しました。
Photobucket (@photobucket) saw a 30% reduction in Android build times after adopting RNRepo⏱️
React Native macOS アプリが Rust 製 Zed より 2 倍速くファイルを開く#
React Native macOS で作られた diff ツールがフォルダの git diff を 200ms でレンダリング・シンタックスハイライトできることが示されました。 別の React Native macOS コードエディタは、Rust 製の Zed より 2 倍速くファイルを開いてパース・シンタックスハイライトできるとも報告されています。
Seriously though, React Native apps can be faster than native apps 🔥. I'm making a React Native macOS diffing app that git diffs a folder, and renders and syntax highlights it, in 200ms. And look at that scrolling perf 😍 "React Native is slow" is wrong.
React Native apps can be faster than native 🔥. I'm working on a React Native macOS code editor that opens, parses, and syntax highlights twice as fast as Zed, which is built in Rust. "React Native is slow" is wrong.
serve-sim に Claude Code マーケットプレイスプラグインが追加#
/plugin marketplace add evanbacon/serve-sim コマンドで導入でき、フルレゾリューションのデバイススクリーンショット、ファイルのドラッグ＆ドロップ、通知のドラッグによるパス共有などが使えるようになりました。
serve-sim now has a Claude Code marketplace plugin! /plugin marketplace add evanbacon/serve-sim Thanks @cypher_poet for the contribution twitter.com/Baconbrix/status/2…
New in serve-sim ⬦ Full resolution device screenshots ⬦ Drag and drop files to add to device (incl. apps) ⬦ Drag notifications to share paths with agents
今週のひとこと#
jmeistrich 氏のポストにあった、React Native 製のアプリが純ネイティブ実装より速いという話、これはなかなか驚きでした！ もちろんケース次第ではありますが、「React Native だからパフォーマンスが悪い」っていうのも、もう一概には言えない時代になってきたのかもしれませんね。