React Native Environment Setup for MacOS (M1 and Intel)

Follow along this tutorial to setup your React Native Environment for MacOS (M1 and Intel) before you start building your first React Native project!
📚 Enroll NOW for "The Full-stack Mobile Developer" and save 30%

We will cover:
- Installing iTerm2
- Installing Homebrew, NodeJs, NPM, Watchman
- Installing Xcode and Xcode Command Line Tools
- Ruby and Gem with FFI and COCOAPODS dependencies
- Installing React Native CLI
- Installing Visual Studio Code (IDE)

Ready to start with your first React Native project? Look no further!

Tag me on social media when you finish this build, and I will give you feedback on your project!

Chapters:
00:00 - How to setup React Native Environment in MacOS
00:40 - Install iTerm 2
01:38 - Install Homebrew
03:45 - Install node npm
04:36 - Install Watchman
05:36 - Install Xcode and Xcode Command Line Tools
07:10 - set up iOs simulator
07:39 - Install Ruby and Gem with FFI and COCOAPODS dependencies
09:05 - Initialize your first React Native project with React Native CLI
10:39 - Run the iOS simulator
12:13 - Install IDE Visual Studio Code and open your project

Disclaimer: This build is for educational purposes only!! All views, opinions, technology choices expressed in this video are my own and do not represent the views, opinions, technology choices of any entity whatsoever with which I have been, am now, or will be affiliated.

#VadimSavin #notjustdev #notJustDevelopment

[travelbugs_io]

Can't fret this enough ... I have tried absolutely every way to download React Native to my computer and was close to just giving up and not using it ... then I saw this gem of a mans video and got everything working. You are a legend sir! Thank you for this

[SigmaPC]

The only point where we gonna be stuck is the ruby version so follow these 3 steps on the Mac OS terminal:
- brew install rbenv ruby-build
- rbenv install 2.6.7 ( your desired version)
- eval "$(rbenv init - zsh)"

[jorgediasdsg]

Brother thank you very much!!! You save my job dude!! I searched this at 4 months ago, and today I am want reinstall my M1 and I find your video. Thanks again!!!

[romainmoullan]

Thank you very much for all your explanations ! You did a very great job !
One note : For one of you which get a "Watchman denied access", I deleted the LaunchAgents folder in my User/library and then re-create a new one from my desk that I paste in the User/library. And it's worked for me !

[ItsMisspdr]

I could KISS you, my dude. I have been struggling with this for literally days, being run in circles by stackoverflow. You're my hero ;__;

[JosephBrinkleyJr]

If your cocoapods dependencies installation is failing when running "npx react-native init <project-name>" try "sudo gem install cocoapods" instead of "sudo gem install -n usr/local/bin ffi cocoapods". This worked for me.

[the_javedm]

The potential hurdle lies in ensuring the appropriate Ruby version. To navigate this, execute the following three steps in the Mac OS terminal:
1. brew install rbenv
2. eval "$(rbenv init -)"
3. rbenv install 2.7.4
4. rbenv global 2.7.4

Additionally, you have the flexibility to modify the installation version based on any encountered errors.

Executing this command will now proceed without errors:-
sudo gem install -n /usr/local/bin ffi cocoapods

[saxenavedant]

ok so for react native for ios ruby version installed should be 2.7.6 as mentioned in the docs make sure you install the proper version.
rbenv can be used to install a specific version of ruby. that was the only error i was facing. wonderful tutorial 🙌

[kehlinswain]

I'm having this error - Failed to install CocoaPods dependencies for iOS project, which is required by this template.

[satyak]

In MacOs 13, Xcode component is now renamed to platform tab.

[abdulbasitrishi]

Hi bro, I ran into issue after I run this last command npx react-native init MyFirstApp
Any suggestions would helps a lot, thanks.
Installing CocoaPods dependencies (this may take a few minutes)
error bundler: failed to load command: pod

[RahulPatel-sioj]

error Your Ruby version is 3.1.3, but your Gemfile specified 2.7.5 in intel chip

[andeoyebrayan]

you have and will always be the best ive really fall in love with react native coz you make it look simple

[ekodarsa]

"Your Ruby version is 2.6.10, but your Gemfile specified 2.7.5" i got this message when init project and installing bundler, how to solve that?

[dikshasharma]

Thanks for the video . I have followed all steps, all where success . But in end when we have to run command "npm run ios" i get error "Missing script: "iOS".

[alexpoon]

Can you have another video for setting up Android envionment?

[abhisheksatyam]

I am very new to macOS, You helped me a lot. Thanks!

[guilhermetiede]

Omg ty so much, i passed one fk day looking for a bug solution and this video worked for me!

[ProStrike]

Thank you so much. I've tried 1 month with problems. Finally it work's. ❣❣❣❣

[ДжонКолоб-пу]

MacBook Air M1 2020, MacOs Monterey

This Error on init the FirstProject :(

✔ Downloading template
✔ Copying template
✔ Processing template
✖ Installing CocoaPods dependencies (this may take a few minutes)
✖ Installing CocoaPods dependencies (this may take a few minutes)
error Error: Failed to install CocoaPods dependencies for iOS project, which is required by this template.