🚀 New React Native Project

A powerful React Native boilerplate with production-ready configurations and best practices

✨ Features

• 🏗️ Built with TypeScript for type safety
• 📱 Cross-platform (iOS & Android) support
• 🔄 Redux + Redux Saga for state management
• 🎨 NativeWind for styling
• 🛠️ Reactotron integration for debugging
• 🌐 Environment-specific configurations
• 📦 Pre-configured folder structure

🚀 Quick Start

Prerequisites

Make sure you have the following installed:

• Node.js (v20+)
• Yarn
• React Native CLI
• Xcode (iOS)
• Android Studio (Android)

Installation

1. Clone the repository

git clone https://github.com/linhnguyen-gt/new-react-native
cd new-react-native

2. Install dependencies

yarn install

3. iOS Setup

cd ios && pod install && cd ..

🏃‍♂️ Running the App

iOS

yarn ios

Android

yarn android

📁 Project Structure

src/
├── components/     # Reusable UI components
├── constants/      # App-wide constants and enums
├── hooks/          # Custom React hooks
├── httpClient/     # API client configuration
├── model/         # Data models and TypeScript types
├── redux/         # Redux store, actions, and reducers
├── services/      # Business logic and services
└── store/         # Redux store configuration

⚙️ Environment Configuration

The project uses react-native-config for environment management. Create the following files:

.env.development   # Development environment variables
.env.staging      # Staging environment variables
.env.production   # Production environment variables