React Native Template Obytes
โญ Features
โ Last Expo SDK + Costume Dev client๐ Type checking TypeScript๐ Minimal UI kit using tailwindcss with theming.โ๏ธ Support multiple environnement builds [Production, Staging, Development] using Expo configuration.๐ฆ Husky for Git Hooks๐ก Clean project structure with Absolute Imports๐ซ Lint-staged for running linters + typescript checking on Git staged files๐ VSCode recommended extensions configuration, settings and snippets for a better developer experienceโ๏ธ React Navigation pre-installed with examples๐ซ Auth flow with zustand and react-native-mmkv as a storage to save sensitive data.๐ A simple workflow to build, release and distribute your application using Github action๐ฅ React Query & axios to fetch Data๐งต A good approach with example to handle forms based on react-hook-form and zod for validation๐ฏ Localization with i18next + validation using Eslint.
๐ค Philosophy
๐ Production-ready๐ฅท Developer experience + Productivity๐งฉ Minimal code and dependenciesโ ๏ธ well maintained third-party libraries
๐ Requirements
- Node.js LTS release
- Git
- Watchman, required only for macOS or Linux users
- Yarn
- Expo Cli
- VS Code Editor
๐ค Getting started
Start your project by running the following command:
npx create-obytes-app MyApp
Run the app
yarn ios
yarn android
Project structure
src
โโโ api
โ โโโ common
โ โ โโโ api-provider.tsx
โ โ โโโ client.tsx
โ โ โโโ index.tsx
โ โ โโโ utils.tsx
โ โโโ index.tsx
โ โโโ posts
โ โ โโโ index.tsx
โ โ โโโ use-posts.ts
โ โโโ types.ts
โโโ core
โ โโโ auth
โ โ โโโ index.tsx
โ โ โโโ utils.tsx
โ โโโ i18n
โ โ โโโ index.tsx
โ โ โโโ react-i18next.d.ts
โ โ โโโ resources.ts
โ โ โโโ types.ts
โ โ โโโ utils.tsx
โ โโโ index.tsx
โ โโโ utils.ts
โโโ index.tsx
โโโ navigation
โ โโโ auth-navigator.tsx
โ โโโ index.tsx
โ โโโ navigation-container.tsx
โ โโโ root-navigator.tsx
โ โโโ tab-navigator.tsx
โ โโโ types.tsx
โ โโโ utils.tsx
โโโ screens
โ โโโ feed
โ โ โโโ card.tsx
โ โ โโโ index.tsx
โ โโโ index.tsx
โ โโโ login
โ โ โโโ index.tsx
โ โโโ settings
โ โโโ style
โโโ translations
โ โโโ ar.json
โ โโโ en.json
โโโ types
โ โโโ index.ts
โโโ ui
โโโ core
โ โโโ activity-indicator.tsx
โ โโโ bottom-sheet
โ โโโ button.tsx
โ โโโ image.tsx
โ โโโ index.tsx
โ โโโ input
โ โโโ list
โ โโโ pressable.tsx
โ โโโ scroll-view.tsx
โ โโโ select-input
โ โโโ text.tsx
โ โโโ touchable-opacity.tsx
โ โโโ view.tsx
โโโ error-handler
โ โโโ error-fallback.tsx
โ โโโ index.tsx
โโโ icons
โโโ index.tsx
โโโ screen.tsx
โโโ theme
โ โโโ colors.js
โ โโโ constants.tsx
โ โโโ index.ts
โโโ utils.tsx
๐งฉ Customization
๐ฒ Update App Icon & Splash screen
Replace App icons template with your icons under assets
folder
Run the following command to generate App icons assets :
yarn prebuild
yarn ios
๐ License
This project is MIT licensed.