週刊React Native
← 一覧へ戻る

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の状態のアクセス/変更などの改善が行われました。

React Navigation @reactnavigation · 2026年1月19日

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のアップグレードを簡単に行うことができます。

Evan Bacon 🥓 @Baconbrix · 2026年1月15日

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…

GitHub - expo/skills: A collection of AI agent skills for working with Expo projects and Expo Application ServicesA collection of AI agent skills for working with Expo projects and Expo Application Services - expo/skillsGitHub

callstackのReact Native用のSkills#

callstackからもReact Nativeのベストプラクティスを詰め込んだSkillsが公開されました。 こちらはReact Nativeでのパフォーマンスに関するSkillが中心となっています。

Michał Pierzchała @thymikee · 2026年1月16日

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のコンパイル速度などが向上します。

Michał Pierzchała @thymikee · 2026年1月14日

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のナビゲーションも対応するようです。

Beto @betomoedano · 2026年1月16日

🚀 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でのアップグレード処理が行いやすくなるようですね。

Expo @expo · 2026年1月17日

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から簡単に呼び出せるようになります。

Oskar @o_kwasniewski · 2026年1月14日

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 ⬇️

GitHub - okwasniewski/expo-icloud-storage: React Native wrapper for iCloud's `NSUbiquitousKeyValueStore`React Native wrapper for iCloud's `NSUbiquitousKeyValueStore` - okwasniewski/expo-icloud-storageGitHub

ヘッダーのアニメーションを簡単に組み込めるreact-native-header-motionが公開#

リストをスクロールしたときのヘッダーの動きをReanimatedを使って簡単に組み込める、react-native-header-motionが公開されました。

Oskar Pawica @O_Pawica · 2026年1月13日

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. 👇

GitHub - pawicao/react-native-header-motion: High-level APIs for orchestrating header motion driven by scroll — built on top of React Native Reanimated.High-level APIs for orchestrating header motion driven by scroll — built on top of React Native Reanimated. - pawicao/react-native-header-motionGitHub

React Native Meetup #24 @AWS Loftが2月12日に開催#

React Native JapanによるReact Native Meetupが2月12日に開催されます。 今回はAWSさんによってオンラインでの配信もあるようです。

React Native Meetup #24 @AWS Loft (2026/02/12 19:00〜)# React Native Meetup #24 @AWS Loft ## イベントの概要 / Overview React Native に関する知見を共有するLT会の第24回を開催します! 今回は Amazon 様と合同で開催する Meetup になっています。 発表は日本語で行われます。 * * * ## LT登壇者を募集します! / Calling for LP Speakers! * 内容はReact Nativeに関することならなんでもOKです * LT時間は約10分の予定 * ご都合のよい時刻(LTの順番)も調整可能です * * * * An...connpass

今週のひとこと#

思っているより早くHermes V1が正式リリースされそうですね! Hermesリポジトリでも static_h ブランチがデフォルトになっていることもあり、よりパフォーマンス的に期待できそうなStatic Hemesも今年には出てくるんじゃないか?といった雰囲気を感じますね!

GitHub - facebook/hermes: A JavaScript engine optimized for running React Native.A JavaScript engine optimized for running React Native. - facebook/hermesGitHub