Getting Started

Quick start guide to set up your first React Native project with our boilerplate

Prerequisites

Make sure you have the following tools installed before getting started

Node.js

Version 18 or higher

Download →

React Native CLI

Latest version

npm install -g @react-native-community/cli

iOS Development

Xcode (macOS only)

Download →

Android Development

Android Studio and SDK

Download →

Installation

Create a new React Native project using our boilerplate template

1. Create a new project

# Using npx (recommended)

npx @react-native-community/cli@latest init MyApp --template @sohantalukder/react-native-boilerplate

2. Navigate to your project

cd MyApp

3. Install dependencies

# Using npm

npm install

# Or using yarn

yarn install

4. Install iOS dependencies (macOS only)

cd ios && pod install && cd ..

Running Your App

Start the development server and run your app on iOS and Android

Start the Metro bundler

npm start

# Or with yarn

yarn start

Run on iOS

npm run ios

# Or with yarn

yarn ios

Run on Android

npm run android

# Or with yarn

yarn android

What's Included

This boilerplate comes with everything you need to start building your React Native app

TypeScript Support

Type-safe development out of the box

React Navigation

Pre-configured navigation setup

State Management

Zustand for simple state management

API Integration

TanStack Query for data fetching

Animations

React Native Reanimated configured

Internationalization

i18next for multi-language support

Code Quality

ESLint and Prettier configured

Testing Setup

Jest and testing utilities

Next Steps

Now that you have your project set up, explore these topics to get the most out of the boilerplate:

Project Structure Configuration