Expo SDK 50について&早速アップデートしてみた

3月19日に開催された「React Native Meetup #15 ft. RevenueCat」で登壇した際に発表した資料です！

Transcript

1. Expo SDK 50について & 早速アップデートしてみた React Native Meetup #15 株式会社サイバー・バズ 宮野　奎太朗(ミヤケイ)
2. 【経歴】 2016年〜 浅草のお寿司屋さんで板前修行🍣 2018年〜 大学入学 2020年〜 マレーシアでコードを書く日々 2021年〜 自転車で日本一周🚲 2022年〜 サイバー・バズ入社 【X】@38ke1 自己紹介 2
3. 今回はExpo SDK 50 の 追加された機能についてお話します！ はじめに
4. こんなの作ってます 旅人のための地図アプリ「たびWiki」
5. こんなの作ってます
6. 1. Dev Tools Plugins 2. expo-sqlite/next 3. Expo Router v3 今回お話する内容
7. ・変数確認が容易に ・Apollo ClientやReact Native Async Storage等に対応 ・run dev実行後に【shift】+【m】で選択可能󰢏 Dev Tools Plugins
9. Refreshを押してみると...👀
10. Cached Dataの内容が閲覧可能🙌
11. ・同期&非同期に使えるメソッド(exectSync、exectAsync) ・Prepared statementsの追加 ・useSQLiteContextの追加 expo-sqlite/next
12. Prepared statements
13. 呼び出し、データフェッチが容易🙌 useSQLiteContext
14. DBの準備が完了するまでFallbackの表示 useSQLiteContext
15. ORMの一つであるDrizzleにも対応💪 おまけ
16. ・API Routes(beta)の追加 ・静的Webサイトのエクスポート高速化 ・expo-quick-actionsとの親和性up↑ Expo Router v3
17. Expo Router v3 Next.jsのApp Routerで言うところのroute.ts →サーバーサイドでのデータフェッチを担う コンポーネントが作れる󰢏
18. Expo Router v3 Next.jsのApp Routerで言うところのroute.ts →サーバーサイドでのデータフェッチを担う コンポーネントが作れる󰢏 WinterCGに準拠した環境で実行可能！
19. expo-quick-actions
20. expo-quick-actions 1. expo-quick-actions/routerを併用してタイプセーフに 2. Androidでもapp.jsonにプラグイン追加で利用可能 詳しくはこちら
21. ご清聴ありがとうございました！