Building and Deploying React Native Apps

2.1 Prerequisites

• Node.js installed (version 14.x or later)
• Watchman (for macOS users)
• React Native CLI

2.2 Installation Steps

1. Install Node.js from nodejs.org.
2. Install React Native CLI globally:

   npm install -g react-native-cli

3. Follow platform-specific setup:
   • For iOS: Install Xcode from the Mac App Store.
   • For Android: Install Android Studio and set up the Android SDK.

3.1 Creating a New Project

npx react-native init MyFirstApp

3.2 Running the App

Navigate to your project directory and run:

cd MyFirstApp
npx react-native run-android

or for iOS:

npx react-native run-ios

3.3 Code Example

Here is a simple example of a React Native component:

import React from 'react';
import { View, Text, StyleSheet } from 'react-native';

const App = () => {
    return (
        
            Hello, World!
        
    );
};

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
    },
    text: {
        fontSize: 20,
        color: '#333',
    },
});

export default App;
                

4.1 Preparing for Deployment

Before deploying, ensure that your app is ready for production. This includes:

• Testing on physical devices
• Optimizing images and assets
• Minimizing bundle size

4.2 Deploying to App Store and Play Store

Follow these steps for each platform:

iOS Deployment

1. Archive your app in Xcode.
2. Upload to App Store Connect.
3. Submit your app for review.

Android Deployment

1. Generate a signed APK using Android Studio.
2. Upload to Google Play Console.
3. Publish your app.

• Use functional components and hooks.
• Maintain a clean project structure.
• Optimize performance by using FlatList for large lists.
• Use TypeScript for type safety.
• Write unit tests to ensure code reliability.