wheatandcatの開発ブログ

技術系記事を投稿してます

Expo SDK 52 → 53にバージョンアップした時にハマった箇所を紹介

概要 個人開発しているアプリをExpo SDK 52 → 53にバージョンアップした時に数点ハマった箇所があったので記事にする。 PR github.com Expo SDK 53の変更点 詳細な内容は以下の記事を参照。 expo.dev 影響があった主な変更点は以下の通り。 ベースのネイティ…

Recoil→Zustandに移行

概要 Expo SDK 53が出たのでアップデートしたら、合わせてReact 19にアップデートされた。 以前から使用していたRecoilはReact 19をサポートしていないので、Zustandに移行したので記事にした。 github.com PR github.com Zustandとは zustand-demo.pmnd.rs …

expo-routerを使ったアプリでstorybook v8を導入

概要 expo-router導入時に一旦Storybookは考慮せずに実装していた。 今回、storybook v6からv8へのバージョンアップと、expo-router対応の再導入を行ったため記事にまとめる。 PR github.com github.com 使用バージョン Expo SDK: 52 expo-router: 4.0.19 実…

Expoアプリ最新化③: expo-routerでmodalを使用してみる

expo-router に移行した際に、モー遷移を導入したので実装内容を共有する。 PR github.com 背景 expo-router による通常の画面遷移では、以下の画像のように左側から新しい画面がPushされる形式になる。 この形式だと、画面下部に配置されたボタンを押した際…

Expo SDK 52でSentry導入

概要 以前はexpo/sentry-expoを使用していたが、Expo SDK 50以降で非推奨となった。現在は@sentry/react-nativeを使用する必要があるため、その手順を整理。 PR github.com github.com 実装 ローカル起動時の実装 以下の公式手順に従って@sentry/react-nativ…

Expoアプリ最新化②:Expo SDK52でGoogleログインを実装

過去にExpoでGoogleログインを実装したが、Expo SDK52では実装方法が変わっていたため、改めて記事にまとめる。 www.wheatandcat.me PR github.com 実装 使用するライブラリ 前回の実装からの移行方法を記載する。元の実装については以下の記事を参照。 www.…

Expoアプリ最新化①:SDKアップデートとexpo-routerへの移行

概要 過去に開発していたmemoirを、最新のコードベースにリニューアル中。その途中経過をまとめる。 github.com アプリはExpoで開発。最新化に伴い以下を修正中。 Expo SDK 48 → 52にバージョンアップ ナビゲーションをReact Navigation → expo-routerに移行…