1.0.3 • Published 16 days ago
@onigiri-w2/expo-template v1.0.3
@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用。
開発用パッケージ
- eslint
- jest
- ts-node
- prettier
- patch-package
こやつらが主な開発用ツールだろうか。 それぞれの効果は調べればいい。必須な奴ら。patch-package は、ごくたまに使うことになる。
本番用パッケージ
- 必須
- expo-dev-client
- 状態管理系
- recoil
- recoil-nexus
- immer
- グローバル状態管理に必須な3セット。
- 最近はrecoilの更新止まってるらしいから、jotaiに移行する可能性あり。
- ストレージ系
- realm
- @realm/react
- モバイル用のストレージ管理パッケージ。性能が良いので使ってる。
- スタイリング系
- dripsy
- めっちゃ使いやすい最高あざす。
- ドメイン系
- zod
- react-native-uuid
- react-native-get-random-values
- zod最高。そのほかは、uuid生成用。
- ナビゲーション系
- @react-navigation/native
- @react-navigation/native-stack
- react-native-safe-area-context
- react-native-screens
- アニメーション系
- react-native-reanimated
- react-native-gesture-handler
- svg系
- react-native-svg
- react-native-svg-transformer
- Expo便利系
- expo-application
- expo-device
- expo-splash-screen
- expo-status-bar
- expo-store-review
- そのほか便利系
- @react-native-async-storage/async-storage
- @gorhom/portal
- react-error-boundary