React Native CLI Boilerplate

A React Native CLI boilerplate template to kickstart your mobile app development. This template includes essential configurations, libraries, and best practices to get you started quickly.

Table of Contents

• Getting Started
• Prerequisites
• Installation
• Running the App
• Folder Structure
• Dependencies
• Scripts
• Contributing
• License

Getting Started

Follow these instructions to set up and run the project on your local machine.

Prerequisites

Ensure you have the following installed:

• Node.js
• React Native CLI
• Xcode (for iOS development)
• Android Studio (for Android development)

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/react-native-cli-boilerplate.git
   cd react-native-cli-boilerplate

2. Install dependencies:

   npm install
   # or
   yarn install

Running the App

1. Start the Metro bundler:

   npx react-native start

2. Run on iOS:

   npx react-native run-ios

3. Run on Android:

   npx react-native run-android

Folder Structure

The project follows a modular and scalable folder structure:

Dependencies

This boilerplate comes with a set of pre-installed dependencies to enhance your development experience:

• Babel:
  • @babel/core@7.24.9
  • @babel/preset-env@7.24.8
  • @babel/runtime@7.24.8
• React Native:
  • @react-native/babel-preset@0.74.85
  • @react-native/eslint-config@0.74.85
  • @react-native/metro-config@0.74.85
  • @react-native/typescript-config@0.74.85
  • react-native@0.74.3
  • react-native-asset@2.1.1
  • react-native-paper@5.12.3
  • react-native-safe-area-context@4.10.8
  • react-native-screens@3.32.0
  • react-native-size-matters@0.4.2
  • react-native-vector-icons@10.1.0
• React Navigation:
  • @react-navigation/bottom-tabs@6.6.1
  • @react-navigation/native-stack@6.11.0
  • @react-navigation/native@6.1.18
• State Management:
  • @redux-devtools/extension@3.3.0
  • @reduxjs/toolkit@2.2.6
  • react-redux@9.1.2
  • redux-logger@3.0.6
• TypeScript:
  • typescript@5.0.4
  • @types/react-test-renderer@18.3.0
  • @types/react@18.3.3
  • @types/redux-logger@3.0.13
  • @react-native/typescript-config@0.74.85
• Testing:
  • babel-jest@29.7.0
  • jest@29.7.0
  • react-test-renderer@18.2.0
• Code Quality:
  • eslint@8.57.0
  • prettier@2.8.8
• React:
  • react-dom@18.3.1
  • react-native-web@0.19.12
  • react@18.2.0