# @onigiri-w2/expo-template

> onigiri-w2 がよく利用する expo の構成をテンプレート化したもの。 難しいことはしておらず、必要なパッケージを導入してるだけ。 ベースのテンプレートには、[expo-template-blank-typescript](https://github.com/expo/expo/tree/master/templates/expo-template-blank-typescript)を利用。

Latest version **1.0.3** (published 2024-04-18) · 0 weekly downloads

## Install

```sh
npm install @onigiri-w2/expo-template
pnpm add @onigiri-w2/expo-template
yarn add @onigiri-w2/expo-template
bun add @onigiri-w2/expo-template
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2024-04-18 |
| First published | 2024-04-18 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 22 |
| Unpacked size | 100 KB |
| Known vulnerabilities | 0 |
| Install scripts | yes |
| Maintainers | onigiri-w2 |

## Links

- npm: https://www.npmjs.com/package/@onigiri-w2/expo-template
- npm.io page: https://npm.io/package/@onigiri-w2/expo-template

## Dependencies (22)

- [zod](https://npm.io/package/zod.md) ^3.22.4
- [expo](https://npm.io/package/expo.md) ~50.0.14
- [react](https://npm.io/package/react.md) 18.2.0
- [realm](https://npm.io/package/realm.md) ^12.6.2
- [dripsy](https://npm.io/package/dripsy.md) ^4.3.5
- [recoil](https://npm.io/package/recoil.md) ^0.7.7
- [react-native](https://npm.io/package/react-native.md) 0.73.6
- [recoil-nexus](https://npm.io/package/recoil-nexus.md) ^0.5.0
- [expo-dev-client](https://npm.io/package/expo-dev-client.md) ~3.3.11
- [expo-status-bar](https://npm.io/package/expo-status-bar.md) ~1.11.1
- [react-native-svg](https://npm.io/package/react-native-svg.md) 14.1.0
- [react-native-uuid](https://npm.io/package/react-native-uuid.md) ^2.0.2
- [react-error-boundary](https://npm.io/package/react-error-boundary.md) ^4.0.13
- [react-native-screens](https://npm.io/package/react-native-screens.md) ~3.29.0
- [react-native-reanimated](https://npm.io/package/react-native-reanimated.md) ~3.6.2
- [@react-navigation/native](https://npm.io/package/@react-navigation/native.md) ^6.1.17
- [react-native-gesture-handler](https://npm.io/package/react-native-gesture-handler.md) ~2.14.0
- [@react-navigation/native-stack](https://npm.io/package/@react-navigation/native-stack.md) ^6.9.26
- [react-native-get-random-values](https://npm.io/package/react-native-get-random-values.md) ~1.8.0
- [react-native-safe-area-context](https://npm.io/package/react-native-safe-area-context.md) 4.8.2
- [react-native-keyboard-controller](https://npm.io/package/react-native-keyboard-controller.md) ^1.11.6
- [@react-native-async-storage/async-storage](https://npm.io/package/@react-native-async-storage/async-storage.md) 1.21.0

## Recent versions

- 1.0.3 (latest) — 2024-04-18
- 1.0.2 — 2024-04-18
- 1.0.1 — 2024-04-18
- 1.0.0 — 2024-04-18

## README

# @onigiri-w2/expo-template

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

## 説明

### tsconfig.json

expo のドキュメントに従って、Typescript の厳格化とエイリアスの有効化を行っている。
cf: [expo ドキュメント](https://docs.expo.dev/guides/typescript/#project-configuration)

### metro.config.js & declarations.d.ts
react-native-svg-transfer用に追加。
cf: [react-native-svg-transfer](https://github.com/kristerkari/react-native-svg-transformer?tab=readme-ov-file#step-3-configure-the-react-native-packager)

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

---
_Source: https://npm.io/package/@onigiri-w2/expo-template · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
