Follow this simple tutorial to install React Native on Mac.

1. Mac Os X 10.7 Download Free
2. Install React Native Mac Os X

Jun 17, 2018  Installing & Deploying React Native on OS X - iOS/Android ReactNativeTutorial. React Native vs Flutter vs WebView. Install React Native on Mac 2019 (Quick Installation Guide).

Install Node

Download the Node installer from here.

When I published this tutorial 12/17/17. The current Node version was 8.9.3 LTS.

This package will install:

Jun 13, 2018  $ npm install react-native-macos-cli -g $ react-native-macos init MyProject $ cd MyProject $ react-native-macos run-macos If you want to add macOS target to the existing iOS/Android/Windows project, make the steps above, merge this new folder into your current React Native project, then put rn-cli.config.js in the root. Now, on the command line (in Visual Studio Code), type the following command to install create-react-app: npm install -g create-react-app. Create-react-appallows you to bootstrap React applications with zero-configuration. There is no need to get involved too early in toolings with Webpack and Babel. May 19, 2020  As React Native is a JavaScript-based framework the need for an API such as this to be readily available on all platforms is very valuable - our recent release for this module supports both Windows and macOS. React Native development requires the Mobile SDK common software and at least one native development environment—Android on Windows; Android, iOS, or both on Mac OS X. If you jumped into this project here, without doing any of the previous steps, go back and start at step 1.

• Node.js v8.9.3 to /usr/local/bin/node
• npm v5.5.1 to /usr/local/bin/npm

Make sure that /usr/local/bin is in your $PATH

Check node version

Fixing npm permissions

Fixing npm permissions as seen here. Pcsx emulator download.

Install create-react-native-app

Go to the official react native docs here.

“Create React Native App does not currently work with npm v5. We strongly recommend using npm v3, v4, or a recent version of Yarn”.

Install Yarn:

Follow the official Yarn doc here

Install create-react-native-app using Yarn

Create a react native app

Start the app

Output Error Unable to start server

This page had 2 solutions:

1. Run the sudo sysctl commands or
2. Install Watchman.

Here is more info about Watchman:

Watchman is a file watching service open sourced by Facebook.

“Watchman exists to watch files and record when they change. It can also trigger actions (such as rebuilding assets) when matching files change.”

The solution with the most thumbs up is this one:

Here is more info about this command:

sysctl is used to get or set kernel state.

Oct 24, 2019  Mac mini introduced in mid 2010 or later iMac introduced in late 2009 or later Mac Pro introduced in mid 2010 or later. To find your Mac model, memory, storage space, and macOS version, choose About This Mac from the Apple menu. If your Mac isn't compatible with macOS Sierra, the installer will let you know. How to use compressor mac. On your Mac, do any of the following: Compress a file or folder: Control-click it or tap it using two fingers, then choose Compress from the shortcut menu. If you compress a single item, the compressed file has the name of the original item with the.zip extension. If you compress multiple items at once, the compressed file is called Archive.zip. Feb 24, 2020  The bundle identifier for this application is com.apple.compressor.Compressor. The most popular versions of the application are 4.1, 4.0 and 3.5. Compressor for Mac lies within Audio & Video Tools, more precisely Editors & Converters. This app works fine with Mac OS X 10.9 or later. The actual developer of this software for Mac is Apple Inc.

Here is more info about “tuning kernel limits”:

It says that “The kern.maxfiles sysctl(8) variable can be raised or lowered based upon system requirements. This variable indicates the maximum number of file descriptors on the system”

Here is some more info about this:

“By default, the maximum number of files that Mac OS X can open is set to 12,288 and the maximum number of files a given process can open is 10,240.”

It also says that if you reboot, that it will go back to the original values. Although there is a workaround as seen on that post.

Start development server

It will show this output:

Install the Expo client app

As seen in the Expo doc here:

Download the app on your phone. Then scan the QR code on your terminal.

Back in the Terminal now says:

To stop use Ctrl+C.

React Native has fast become one of the hottest frameworks for building cross platform mobile apps. Based on JavaScript and Facebook’s React Library it focuses on performance and tight integration with the native platforms supports. With Facebook invested in the framework and React’s learn once, write anywhere philosophy, React has a bright future.React Native is now doing what is impossible few years back but now its a complete game changer technique, which would soon change the development arena and any one can developer both android and iOS apps using single language.
All the beginners who is thinking to learn React Native. So using this tutorial you can complete your first task to install Install React Native on MAC ( MACINTOSH ) system and create your first React Native project and run that project in real iOS device or iOS emulator. If you would like to install react native application in windows application, then click on below URL. : Installing React Native on Windows Tutorial
Setting up for Mac OS :

Mac Os X 10.7 Download Free

Dependencies (Install instructions below)

1. Node
2. Watchman
3. React Native CLI
4. Xcode

Step-2 : Install Node.js
Next step is to install the node.js online using command.
Step 3: Install watchmen
Apply the below commands in your terminal.
Step 4: Install React Native CLI
Apply the below commands in your terminal.

Install React Native Mac Os X

Step 5 : install Xcode command line tools
To install the latest version on Xcode you need to follow the below steps :
Open Xcode -> Preferences -> Locations tab -> install latest version of Xcode command line tools.
Step 6 : Create your first react native project in MAC
Step 7 : Run your created project
Screenshots:
This is all about How to Install React Native on MAC step by step. Thank you for reading this article, and if you have any problem, have a another better useful solution about this article, please write message in the comment section.

Related Articles