Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/toyamarodrigo/expo-router-template

My simple Expo Router template starter - Expo 51 + Expo Router 3 + Typescript + Zustand + TanStack Query + React Hook Forms + Flash List + React reanimated + Alias Path + NativeWind 4 + Zod + Yarn
https://github.com/toyamarodrigo/expo-router-template

expo expo-router nativewind path-alias react-hook-forms react-query react-reanimated-v2 typescript yarn zod zustand

Last synced: 4 days ago
JSON representation

My simple Expo Router template starter - Expo 51 + Expo Router 3 + Typescript + Zustand + TanStack Query + React Hook Forms + Flash List + React reanimated + Alias Path + NativeWind 4 + Zod + Yarn

Awesome Lists containing this project

README

        

# Table of Contents

- [Table of Contents](#table-of-contents)
- [Expo Router Template](#expo-router-template)
- [Key Features](#key-features)
- [Getting Started](#getting-started)

## Expo Router Template

This template includes a set of essential libraries and tools to streamline the development process and improve the overall quality of your application.

Feel free to use this template as a starting point for your next project and customize it to fit your specific needs.

All feedback and contributions are welcome!

https://github.com/user-attachments/assets/6aad9f74-8404-4fd3-8dc3-59e2f3b6241c

## Key Features

- **[Expo (v51)](https://docs.expo.dev/):** Build cross-platform mobile apps for iOS and Android using a single codebase.
- **[Expo Router (v3)](https://docs.expo.dev/router/introduction/):** Define your application's navigation structure with a flexible and declarative approach.
- **[TypeScript](https://www.typescriptlang.org/):** Ensure type safety and improve code maintainability.
- **[Zustand](https://zustand-demo.pmnd.rs/):** Manage application state in a centralized and reactive way.
- **[TanStack Query](https://tanstack.com/query/latest/docs/framework/react/overview):** Simplify data fetching and caching with robust functionalities.
- **[React Hook Forms](https://www.react-hook-form.com/):** Handle form validation and user input seamlessly.
- **[React Reanimated](https://docs.swmansion.com/react-native-reanimated/):** Create smooth animations and interactive UI elements.
- **Alias Path:** Configure dynamic and user-friendly route paths.
- **[NativeWind (v4)](https://www.nativewind.dev/):** Apply utility-first styling for efficient UI development.

## Getting Started

Clone the repository:

```bash
git clone https://github.com/toyamarodrigo/expo-router-template
```

Install dependencies:

```bash
cd expo-router-template
yarn install
```

Run the application:

```bash
yarn start

# or

npx expo start --clear
```

This will start the Expo development server and allow you to preview your app on a connected device or emulator.