Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/justlaunch-app/expo-router-starter-pro
This repository is based upon expo-router-starter-kit with more features, tools, components
https://github.com/justlaunch-app/expo-router-starter-pro
expo expo-router nativewind react react-native react-native-app react-native-template react-native-template-typescript template zustand
Last synced: 3 months ago
JSON representation
This repository is based upon expo-router-starter-kit with more features, tools, components
- Host: GitHub
- URL: https://github.com/justlaunch-app/expo-router-starter-pro
- Owner: justlaunch-app
- License: other
- Created: 2024-01-07T19:36:34.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-07-16T21:46:44.000Z (6 months ago)
- Last Synced: 2024-09-28T18:42:23.638Z (3 months ago)
- Topics: expo, expo-router, nativewind, react, react-native, react-native-app, react-native-template, react-native-template-typescript, template, zustand
- Language: TypeScript
- Homepage:
- Size: 2.5 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# expo-router-starter-kit 🏎️📱
Expo-router-starter-kit is a streamlined template for building cross-platform mobile apps with Expo. This template provides a starting point with updated features and simplified components for efficient development.
## 🌟 Updates
- **SDK Update**: Upgraded to version 50 (canary).
- **NativeWind**: Updated to version 4.
- **React-native-picker**: Latest version implemented.
- **Template Simplification**: Removed certain components/pages for a leaner template.
- **Shopify/Flashlist Removal**: Currently incompatible with expo-router.
- **Type Updates**: Enhanced and updated type definitions.
- **Splash Screen Fix**: Replaced Lottie with an alternative solution.
- **UI Adjustments**: Minor improvements in UI, especially for FontAwesome icons on iOS.
## 🚀 Features
- **Expo**
- **[Expo Router](https://expo.github.io/router)**
- **expo-image**
- **[Zustand](https://github.com/pmndrs/zustand)** for state management
- **[Tanstack Query](https://tanstack.com/query/latest)** for asynchronous state management
- **[i18next](https://www.i18next.com/)** for internationalization
- **[Apisauce](https://github.com/infinitered/apisauce)** for HTTP communication
## 💻 Installation
```bash
# Clone and create a new repository from this template
# Install dependencies
pnpm install
```
```bash
# Run the project
pnpm ios
```
```bash
# or
pnpm android
```
## Sentry (real-time updates on errors)
## 🌐 Environment Variables
1. Create a `.env` file in the root of the project.
2. Define environment variables inside the `.env` file. Variables must start with `EXPO_PUBLIC_`.
3. Update `_utils/env-loader` schema to include new variables:
```typescript
const schema = z.object({
EXPO_PUBLIC_MY_NEW_VARIABLE: z.string(),
});
```
```typescript
const my_env_var = process.env.EXPO_PUBLIC_MY_NEW_VARIABLE;
```
Note: Remember to restart the project after creating the .env file.
## 🔗 Deep Linking
For setting up deep linking, follow the documentation provided by Expo: [Deep Linking](https://docs.expo.dev/guides/deep-linking/).
## 📁 File Structure
The project is organized as follows:
```shell
- src - Source code for the application.
- /components - Reusable components.
- /screens - Application screens.
- /assets - Application assets (all assets stored here will be bundled).
- /config - Application configuration files.
- /constants - Application constants.
- /context - Application theme and context.
- /locales - Localization files (i18n, i18next, expo-localization).
- /store - Zustand store for state management.
- /utils - Helper functions and utilities.
```
## 🖥 Screens
Main screens included in the template:
- **Home Screen**: The primary screen users see after logging in.
- **Secondary Screen**: Additional screen for supplementary features.
- **Settings Screen**: Allows users to customize their app experience.
- **Navigation**: Includes Top Navigation, Bottom Navigation, and Native Modal for seamless app navigation.
## 👥 Contributors
We are inviting developers who are passionate about Expo and React Native to collaborate with us. Whether it's contributing code, sharing ideas, or providing feedback, all forms of collaboration are welcome.
Special thanks to our contributors, including [@kewinzaq1](https://github.com/kewinzaq1).