Getting started with React Native (Installation and Setup)

Updated 29 October 2024

Save

In this blog, I will explain the installation and setup of a React Native application.

Introduction

To start with React Native, set up your environment using either Expo for simplicity or the React Native CLI for more control. Both require Node.js and a package manager like npm.

getting-started-with-react-native-installation-and-setup

Set Up Your Environment

To set up React Native with Expo and React Native CLI, follow the instructions below for each option.

1. Setting up React Native with Expo

 Install Node.js and npm

Install Expo CLI

Create a New Expo Project

Run the Expo App

2. Setting up React Native CLI

You can create a React Native application using either the Quickstart method or the standard approach, both requiring Node.js installation, which I assume you have already completed.

but I have faced an issue on Quickstart cookies management is not working.

  1. Install React Native CLI
  2. Install JAVA.
  3.  Install Android Studio.
  4. Install Android SDK
  5. Configure ANDROID_HOME in the environment variable.
  6. Install watchman
  7. Installing Watchman on Ubuntu

Now create first React Native Application.

Setup React Native
Setup React Native

Now Run your first Application on your Device. First of all, we add “local.property” file in the Android folder structure of the Application that has your SDK path.

then use commands on your terminal.

Now you look it’s run on your device.

Some useful commands which we are aware

  1. the command for increasing the size of the watchman-
  2. fix babel Issue
  3. ADB commands

All setups and configurations have been done. So, we need to modify our App.js file for our Application. 

Here is the Output of the project

Conclusion

In conclusion, choose Expo for ease or the React Native CLI for full control. Both setups require Node.js and a package manager, enabling quick app development.

Read more interesting React Native Blogs by Mobikul.

Thanks for reading this blog.

author
. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

Start a Project


    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home