2026-01-21 · #17
週刊React Native #17 React Navigation 8 alpha、Hermes v1デフォルト化、Expo SDK 55 Betaほか
React Navigation 8 alphaが公開#
React Navigationの次期バージョンである8のアルファ版が公開されました。 今回からNativeのBottomTabsがデフォルトとなり、ディープリンクやScreenの状態のアクセス/変更などの改善が行われました。
New versions of React Navigation 8 alpha are out! 🎉 - Automatic deep links out of the box - Support for Material Symbols on Android in Native Tabs - Support SFSymbols on iOS + Material Symbols on Android for JS Tabs - Reworked preloading screens to remove restrictions
React Navigation 8.0 Alpha | React NavigationWe're excited to announce the first alpha release of React Navigation 8.0.reactnavigation.org
ExpoのAI Agent用のSkillsが公開#
Claude Codeなどで利用できるExpo公式のSkillsが公開されました。 これらを利用することで、Expoでのアプリケーションの開発やビルドやストアへのアップロード、またNext.jsのようなExpoのアップグレードを簡単に行うことができます。
Try the new @Expo Claude Code skills today! 🚀 → /plugin marketplace add expo/skills /plugin install expo-app-design /plugin install expo-deployment /plugin install upgrading-expo — Use with any agent: ~ / bunx add-skill expo/skills twitter.com/Baconbrix/status/2…
callstackのReact Native用のSkills#
callstackからもReact Nativeのベストプラクティスを詰め込んだSkillsが公開されました。 こちらはReact Nativeでのパフォーマンスに関するSkillが中心となっています。
Just released 𝚛𝚎𝚊𝚌𝚝-𝚗𝚊𝚝𝚒𝚟𝚎-𝚋𝚎𝚜𝚝-𝚙𝚛𝚊𝚌𝚝𝚒𝚌𝚎𝚜, a set of skills for coding agents. The knowledge from @callstackio Ultimate Guide to React Native Optimization collected in a single repository. www.callstack.com/blog/announc…
Announcing: React Native Best Practices for AI AgentsWe're turning React Native optimization knowledge into agent-ready skills (JS, native, bundling) mapped to FPS and TTI, built from real-world production workwww.callstack.com
Hermes v1がReact Native 0.84でデフォルト化#
時期バージョンであるReact Native 0.84でHermes V1がデフォルトで有効化されます。 これによって起動時間や実行時間、またBundleのコンパイル速度などが向上します。
Hermes V1 will ship as the default in React Native 0.84 for both iOS and Android. This means: • 2-8% faster startup time • 40%+ faster runtime • faster Metro compilation (less Babel transforms) Just landed in 0.84.0-rc.1
Expo Router v7でカラーユーティリティが追加#
AndroidのMaterial Youといったユーザーでの外観の変更がExpo Routerのナビゲーションも対応するようです。
🚀 Expo Router v7 is getting a Color utility You’ll soon be able to access native platform colors directly, no more guessing hex values or recreating system styles. On top of that, the next version of expo-symbols adds Material Icons support 🤯 👉 No more hunting down custom
Expo SDK 55 Betaの公開は1月27日?#
Expo SDK 55のbetaが間もなく登場するようです。 月曜と言っているので、来週のUSの月曜(日本時間だと27日頃?)に公開されそうです。 また、今回からexpo/skillsでのアップグレード処理が行いやすくなるようですね。
With SDK 55 coming soon (beta on Monday) it’s a good time to install our skills. We have an “upgrade” skill that will expedite your adoption of the new SDK. All skills are here: github.com/expo/skills twitter.com/betomoedano/status…
expo-icloud-storageが公開#
React NativeからiCloudにアクセスできるライブラリが公開されました。 これによって、iCloud上に保持したいデータをReact Nativeから簡単に呼び出せるようになります。
Introducing expo-icloud-storage ☁️ It's React Native wrapper for iCloud's `NSUbiquitousKeyValueStore` exposing a local storage like API for iCloud 📦 I've used this in few of my apps shipped to App Store and decided to open source. Here is a demo ⬇️
ヘッダーのアニメーションを簡単に組み込めるreact-native-header-motionが公開#
リストをスクロールしたときのヘッダーの動きをReanimatedを使って簡単に組み込める、react-native-header-motionが公開されました。
Animate your headers, exactly the way you imagine them! ✨ React Native Header Motion is my new library for building custom header animations driven by scroll – from single lists to multi-tab collapsible layouts where header animations stay in sync with your scroll views. 👇
React Native Meetup #24 @AWS Loftが2月12日に開催#
React Native JapanによるReact Native Meetupが2月12日に開催されます。 今回はAWSさんによってオンラインでの配信もあるようです。
今週のひとこと#
思っているより早くHermes V1が正式リリースされそうですね!
Hermesリポジトリでも static_h ブランチがデフォルトになっていることもあり、よりパフォーマンス的に期待できそうなStatic Hemesも今年には出てくるんじゃないか?といった雰囲気を感じますね!


