@onigiri-w2/expo-template

onigiri-w2 がよく利用する expo の構成をテンプレート化したもの。 難しいことはしておらず、必要なパッケージを導入してるだけ。 ベースのテンプレートには、expo-template-blank-typescriptを利用。

説明

tsconfig.json

expo のドキュメントに従って、Typescript の厳格化とエイリアスの有効化を行っている。 cf: expo ドキュメント

metro.config.js & declarations.d.ts

react-native-svg-transfer用に追加。 cf: react-native-svg-transfer

.eslintrc.cjs｜.prettierrc

eslintとprettier用。

開発用パッケージ

1. eslint
2. jest
3. ts-node
4. prettier
5. patch-package

こやつらが主な開発用ツールだろうか。 それぞれの効果は調べればいい。必須な奴ら。patch-package は、ごくたまに使うことになる。

本番用パッケージ

• 必須
  1. expo-dev-client
• 状態管理系
  1. recoil
  2. recoil-nexus
  3. immer
  • グローバル状態管理に必須な3セット。
  • 最近はrecoilの更新止まってるらしいから、jotaiに移行する可能性あり。
• ストレージ系
  1. realm
  2. @realm/react
  • モバイル用のストレージ管理パッケージ。性能が良いので使ってる。
• スタイリング系
  1. dripsy
  • めっちゃ使いやすい最高あざす。
• ドメイン系
  1. zod
  2. react-native-uuid
  3. react-native-get-random-values
  • zod最高。そのほかは、uuid生成用。
• ナビゲーション系
  1. @react-navigation/native
  2. @react-navigation/native-stack
  3. react-native-safe-area-context
  4. react-native-screens
• アニメーション系
  1. react-native-reanimated
  2. react-native-gesture-handler
• svg系
  1. react-native-svg
  2. react-native-svg-transformer
• Expo便利系
  1. expo-application
  2. expo-device
  3. expo-splash-screen
  4. expo-status-bar
  5. expo-store-review
• そのほか便利系
  1. @react-native-async-storage/async-storage
  2. @gorhom/portal
  3. react-error-boundary