2025-11-10 · #10
週刊React Native #10 RN起動時間高速化、SnapのUI FW「Valdi」、Hermes v1でBabel削減ほか
RCT_EXPORT_MODULEが削除され、React Nativeの起動時間が高速化#
旧ArchitectureのNative Modulesで利用されていたRCT_EXPORT_MODULEが削除され、React Nativeの起動時間が高速化します。 こちらはすでにmainブランチにマージされ、次のReact Native 0.83で完全にNew Architectureに切り替わる予定です。
React Native startup will soon get faster! 🚀 Removal of RCT_EXPORT_MODULE from Core modules just landed on main! It eliminates slow +load calls that were required on old architecture (but still called on new one). Check out the PR: github.com/facebook/react-nati…
Snapが新しいクロスプラットフォームのUIフレームワークである「Valdi」を公開#
Snap社内で利用されていた、TypeScriptでUIを定義してiOS/Android/macOSのネイティブビューにコンパイルすることが出来るValdiが公開されました
次のようなコードで、Nativeにレンダリングされます。
レイアウトエンジンとして、React Nativeと同様にYogaが利用されています。 半年前にはByteDanceのLynxなども発表され、いろいろな企業が内部的にJSでモバイルアプリを開発していたのが分かって面白いですね。
react-native-wgpu 0.4.0の登場#
React NativeでWebGPUが動くreact-native-wgpu 0.4.0がリリースされました。 Webもサポートされ、react-native-wgpuで実装したものがiOS/Android/Web/visionOSと様々なプラットフォームで動作するようになりました。
🚀 react-native-wgpu v0.4.0 now runs in the browser too! 🔥 One GPU API powering iOS, Android, Web and visionOS Thank you @wcandillon for this amazing library!
Software Mansionが公開しているTypeGPUも、React Nativeのサポートでこちらのreact-native-wgpuが利用されています。 以下のようなゼリースライダーUIの実装もReact Nativeで実現できます。
Ever since I first saw this I wanted to try implementing it in TypeGPU, and I finally got around to it while testing the new 0.8 release. You can try out the Jelly Slider here: docs.swmansion.com/TypeGPU/exa… Had a lot of fun brainstorming optimisations with @iwoplaza and the team, and twitter.com/cerpow/status/1964…
Uniwind 1.0.0が登場、HeroUI NativeがUniwindをサポート#
ハイパフォーマンスなReact Native向けのTailwindバインディングであるUniwindの1.0.0が登場しました。
I'm thrilled to announce the first stable release of Uniwind (1.0.0)! 🥳 We're also happy to unveil our collaboration with @hero_ui ! Read more about it in our new blog post 👇🏼
また、HeroUI NativeがUniwindに対応しました。 NativeWindからUniwindに移行することで、最大250％のパフォーマンスが向上しました。
HeroUI Native beta 1 is live 🔥 🌀 Fully migrated to Uniwind, boosting performance by up to 250% — everything feels smoother than ever 🎨 Brand-new design system, more beautiful and distinctive 📲 Redesigned Expo app, offering a whole new way to explore components HUGE step
React Native Reanimatedで新しいShared Element Transitionsの実装#
React Native Reanimatedで、Shared Element TransitionsがNew Architectureに対応します。 これにより、パフォーマンスが向上し、iOSとAndroidで共通のC++実装がされるため、(React Native Reanimatedの)開発効率も上がっているようです。
Shared Element Transitions in React Native Reanimated on the New Architecture 🪄💫
React NativeでAI搭載メモアプリを作る#
Software MansionのブログでAI搭載メモアプリをつくる連載が始まりました。 React Native ExecuTorchやReact Native RAGなどを使い、デバイスのローカルで動作するAIメモアプリの作り方が解説されています。
Building an AI-Powered Note-Taking App in React Native — Pa…In the first part of our series, you’ll learn how to build an AI note taking app with semantic search using RN ExecuTorch and RN RAG.swmansion.com
Hermes v1では多くのBabelプラグインが削除されそう#
React NativeのJSエンジンであるHermesの次期バージョンであるv1で、最近のJSの言語機能を多く利用できるようになったため、これまで必要だったBabelプラグインが削除されそうです。 これにより、トランスパイルする部分も減るため、JSのビルド時間も高速化されそうですね！
Holy shit Hermes v1 (the engine formerly known as Static Hermes) is good! So many JS language features are just built-in and appear to work as-is now. Can't believe how many babel plugins can be deleted from Expo CLI in the future.
今週のひとこと#
少しずつReact Native 0.83に向けて、旧Architectureの実装が削除などされているのが見えてきましたね。 2025年12月8日頃にReact Native 0.83がリリースされる予定なので、年末〜2026年にはNew Architectureに完全対応していきたいですね！