react native on mac

How to install React Native on Mac

React Native on Mac

here we will discuss the installation of react native on mac. To begin with, setting up the React Native app development environment and executing the app is no laughing matter. It might be one of the most difficult aspects because, depending on the system platform, multiple settings and tools may be necessary. To provide a seamless development and debugging process. The development eco-system must be carefully set up and configured.

In this article, we’ll show you how to set up the React Native development environment and how to install react native on mac. So that you can run a React Native application from scratch. We can create React Native applications for both Android and iOS platforms in the macOS environment.

Respond Native turned out to be exceptionally famous among Android and iOS designers on account of its cross-stage local advancement strategy. Respond local is presently doing what is inconceivable a few years back however presently its a finished distinct advantage method, which would before long change the improvement field and any one can engineer both android and iOS applications utilizing single language.

This instructional exercise is for every one of the amateurs who is remembering to learn React Native. So utilizing this instructional exercise you can finish your first responsibility to introduce Install React Native on MAC ( MACINTOSH ) framework and make your first React Native task and run that venture in genuine iOS gadget or iOS emulator.

Prerequisites

  • Computer literacy.
  • On your computer, a user account with administrative privileges.
  • Obtaining access to the aforementioned documents and software
  • To download the installation files, you’ll need a functioning internet connection

Audience

This article is intended for new React Native users. Young developers, and those who have never used React Native before. This is the guide you need if the buzz around React piqued your interest in learning the framework.

System Requirements

Software

  • Xcode version 11.3.1 or newer is required. 
  • Nodejs version 12 LTS or newer is required.

Hardware

  • MacOS requires a Mac device to operate
  • Ram – 4GB
  • Storage – 10GB

Step 1.Installation through HomeBrew

HomeBrew is a package manager for Mac that allows you to install and manage packages, and it will be necessary for our installation. You’ll install HomeBrew so that you can use it to install all of the additional React Native tools you’ll need, such as Nodejs, git, Watchman, and JDK..

Homebrew is a type of platform dependency installation software that allows us to download and install all of thenecessary files.

.blank

Step 2. Install Node.js

Homebrew is a type of platform dependency installation software that allows us to download and install all of the necessary files.

react native on mac
react native on mac

Step 3. Install watchmen

Homebrew is a type of platform dependency installation software that allows us to download and install all of the necessary files.

react native on mac
react native on mac

Step 4 Install React Native CLI

To create a react-native app, you’ll need React Native CLI. Command following, is used to install React Native CLI.

react native on mac
react native on mac

Step 5 Install Xcode

For iOS app development, you’ll need Xcode, which you can get from the link above. Run Xcode and navigate to.

react native on mac
react native on mac

If the settings do not appear like that, use the dropdown menu to select the most recent version of the Command Line Tool.

Select an iOS emulator from the components menu, then download it (this is for individuals who don’t have an iOS device to run and test their apps on). It’s also more convenient than utilising a physical device.)

Move the account tabs around, choose Apple ID, then type in your Apple ID.

Create a new project in Xcode, name it whatever you like, and then close it. After you’ve finished creating your project, go to the root file and click “sign in and capabilities,” then enter your user id. Choose an emulator and keep it handy for future development.

https://reactnative.dev/docs/environment-setup

https://medium.com/@pabasarajayawardhana/react-native-environment-set-up-on-mac-os-with-xcode-and-android-studio-324e64c8552e

https://dev-yakuza.posstree.com/en/react-native/install-on-mac/

Leave a Comment

Your email address will not be published.