Skip to content

Latest commit

 

History

History
87 lines (67 loc) · 2.16 KB

README.md

File metadata and controls

87 lines (67 loc) · 2.16 KB
Raw

🚀 New React Native Project

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

React Native TypeScript Redux

✨ 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
  1. Install dependencies
yarn install
  1. 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