Tailwind Resources Logo Tailwind Resources
Expo Router Starter Kit screenshot

Expo Router Starter Kit

Author Avatar Theme by Ritmillio
Updated: 5 Mar 2025
172 Stars

Opiniated expo-router starter to boost development.

Github

Categories

React React native Tanstack

Overview:

The expo-router-starter-kit is a streamlined template for building cross-platform mobile apps with Expo. It provides a starting point with updated features and simplified components for efficient development. The template has been updated with the latest SDK version, enhanced type definitions, and UI improvements. It also includes features such as Expo Router, Expo Image, Zustand for state management, Tanstack Query for asynchronous state management, i18next for internationalization, and Apisauce for HTTP communication. The project is organized with main screens including Home Screen, Secondary Screen, Settings Screen, and Navigation for seamless app navigation.

Features:

  • Expo: A framework for building cross-platform mobile apps.
  • Expo Router: A routing library for managing navigation in Expo apps.
  • Expo Image: A component for displaying images in Expo apps.
  • Zustand: A state management library for managing application state.
  • Tanstack Query: A library for managing asynchronous state in React applications.
  • i18next: A library for internationalization in React applications.
  • Apisauce: A library for making HTTP requests in React applications.

Installation:

To install the expo-router-starter-kit, follow these steps:

  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 the _utils/env-loader schema to include the new variables.
  4. Restart the project after creating the .env file.

Summary:

The expo-router-starter-kit is a template for building cross-platform mobile apps with Expo. It provides a streamlined starting point with updated features and simplified components. The template includes Expo, Expo Router, Expo Image, Zustand, Tanstack Query, i18next, and Apisauce. The installation process involves setting up environment variables and updating the project schema. This template is organized with main screens and navigation for seamless app navigation. Collaboration from developers passionate about Expo and React Native is welcome. Special thanks are given to contributors, including @kewinzaq1.