obytes/react-native-template-obytes
React Native Template Obytes
This project is a cross-platform mobile project template and TypeScript boilerplate designed for bootstrapping React Native applications using the Expo ecosystem. It provides a pre-configured architecture with a standardized folder structure to accelerate initial development.
The template distinguishes itself through a feature-based project architecture and a comprehensive automation suite. It integrates file-based routing for navigation, a utility-first mobile UI kit for styling, and a server state management layer for fetching and caching remote API data. The setup includes a mobile CI/CD pipeline using GitHub Actions and EAS to automate the building, testing, and distribution of application binaries.
The broader capability surface covers schema-based form validation, encrypted local storage for session persistence, and multi-language localization with translation file validation. It also incorporates quality enforcement tools, including git hooks for linting and type checks, as well as automated unit and end-to-end UI testing.
Features
- Project Bootstrapping - Provides a comprehensive project bootstrapping template with a pre-configured architecture and standardized folder structure.
- Server State Managers - Provides a server state management layer using React Query for fetching and caching remote API data.
- Binary Distribution Automations - Provides CI workflows designed to automate the building, releasing, and distribution of application binaries.
- Mobile App Binary Distribution - Implements automated workflows via GitHub Actions and EAS for building and distributing mobile binaries.
- Mobile CI/CD Pipelines - Integrates GitHub Actions and EAS to automate the building, testing, and distribution of mobile application binaries.
- Release Automation - Provides automated workflows for building, testing, and distributing the application via CI tools.
- Expo Ecosystem Development - Implements a complete development environment based on the Expo ecosystem including integrated routing and cloud build automation.
- Mobile Application State Management - Coordinates server state synchronization and secure local storage for session persistence and authentication.
- Mobile Starter Kits - Ships a pre-configured starter kit for TypeScript mobile applications with a standardized architecture.
- TypeScript Mobile Boilerplates - Offers a type-safe development foundation with integrated schema validation for environment variables and form inputs.
- Feature-Based Project Structures - Organizes the codebase into independent modules that group screens, components, and logic by specific application features.
- Utility-First Styling - Uses a utility-first styling system based on TailwindCSS to build consistent user interfaces.
- Mobile UI Styling - Provides a utility-first styling system with type-safe theme configurations for light and dark modes.
- UI Utility Kits - Provides a minimal user interface kit utilizing utility-first CSS to ensure consistent application component styling.
- Utility-First Styling - Applies pre-defined utility classes to components for rapid interface development.
- Client-Server State Synchronization - Manages asynchronous data requests and synchronization between the server and client using specialized caching hooks.
- Environment Variable Validation - Implements schema-based checking of environment variables to ensure all required configurations are present.
- Automated Quality Assurance Suites - Ships automated unit and end-to-end testing suites to verify application behavior.
- Cross-Platform Mobile Navigation Libraries - Implements a file-based routing system for managing screens and deep linking.
- Encrypted Storage - Persists sensitive information in a high-performance, encrypted local key-value store.
- Session State Persistence - Provides secure storage for session tokens and user data using high-performance local storage.
- User Authentication Flows - Coordinates state management and secure local storage to handle user login and session persistence.
- Automated Code Quality Tools - Automates the execution of linters, type checks, and git hooks to enforce coding standards.
- Environment Variable Validation - Checks the presence and type of environment variables against a schema to prevent configuration-related crashes.
- Automated End-to-End Testing - Includes automated user-flow verification to validate UI interactions via an external testing framework.
- Pre-Commit Quality Checks - Runs linters and type checks on staged files during the commit process using Git hooks.
- File-Based Routing Systems - Maps application screens to a directory structure for automatic route creation.
- Schema-Based Form Validation - Implements type-safe user input forms using schema-based validation to ensure data integrity.
- Global State Managers - Handles application-wide state and secure local data storage for complex flows like authentication.
- Multi-language Support - Implements a translation system supporting multiple languages with linting for completeness.
- Data Fetching & Caching - Provides a layer for fetching and caching remote API data to synchronize server state.
- Mobile Development Templates - Expo-based React Native template with pre-configured tooling.
