React Native Environment Setup for MacOS (M1 and Intel)

Рет қаралды 131,932

Күн бұрын

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%
academy.notjust.dev/
🚀 Take it to next level - build your first hybrid mobile application using React Native even as a beginner Tesla Clone - • 🔴Build your first App ...
Check out Expo Environment Setup for MacOS 💻 - • Expo Environment Setup...
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!
🔴 Build your first App in React Native in under 2 hours [ Tutorial for beginners ] - [ • 🔴Build your first App ... ]( • 🔴Build your first App ... )
💬 **Join the notJust Development gang and let's build together**[ / discord ]( / discord )
Tag me on social media when you finish this build, and I will give you feedback on your project!
Twitter: [ / vadimnotjustdev ]( / vadimnotjustdev )
IG: [ / vadimnotjus ]( / vadimnotjus). .
LinkedIn: [ / vadimsavin ]( / vadimsavin )
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

Пікірлер: 221

@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

@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 !

@jorgediasdsg1 2 жыл бұрын

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!!!

@notjustdev 2 жыл бұрын

Glad I could help

@SigmaPC94 Жыл бұрын

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)"

@bohdan90 Жыл бұрын

GOATED 🐐

@zoefyt Жыл бұрын

GOAT

@PatrickRams Жыл бұрын

🔥🙌🙌 thanks

@audreychen2696 Жыл бұрын

THANK YOU

@vaibhavpuri3659 Жыл бұрын

hey can you help me with this ?

@andeoyebrayan8189 Жыл бұрын

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

@abhisheksatyam4733 2 жыл бұрын

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

@daftstuff6406 Жыл бұрын

wonderful introduction to setting up react native on a mac - many thanks for sharing this and taking the time to produce this helper.

@ProStrike38 2 жыл бұрын

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

@vaishnaviyerpude29 Жыл бұрын

Thanks a lot I've been trying for many days your guidance worked for me

@jaypanjwani9312 Жыл бұрын

Amazing. Many thanks for your contribution.

@iowaaaaaa Жыл бұрын

You helped me to solve all my problems. Thank you

@ItsMiss5p1d3r5 Жыл бұрын

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 ;__;

@clickbaitpolice9792 Жыл бұрын

sus but glad you got it working

@pedrojunior6755 Жыл бұрын

I realy appreciated your explanation about this setup. it was very important to me... thanks a lot...

@mevlutefe9739 2 жыл бұрын

Thank you so much it was so efficient

@cuethecurves 2 жыл бұрын

This tutorial saved my life!!

@PauloRoberto-rf3zy 2 жыл бұрын

It helps a lot, thank you man!!

@notjustdev 2 жыл бұрын

Glad to hear it!

@FunwithIndra 2 жыл бұрын

Excellent presentation .. very useful.. thank you so much

@aayushjha 2 жыл бұрын

worked on my M1 air . Thanks!

@yzzygomez 2 жыл бұрын

worked out smoothly

@the_javedm 8 ай бұрын

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

@bobrolle9391 3 ай бұрын

LIFESAVER thanks so much

@halilseran1567 2 жыл бұрын

Thank you very much brother

@tharindurajanayake83 Жыл бұрын

Thanks buddy you are the best

@GreatScottByJoe Жыл бұрын

Deserves more subs.. awesome channel

@kamalverma6410 Жыл бұрын

Thanks, You saved my day,

@K.Huynh. Жыл бұрын

Thank for sharing!

@emrebabur8236 Жыл бұрын

Thank you bro! 😀

@guilhermetiede3348 11 ай бұрын

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

@jonasmorales8164 2 жыл бұрын

thaks bro you saved my day

@user-dq2yk4hl6y 2 жыл бұрын

Thank you bro

@kunalbhayana Жыл бұрын

Many Thanks!

@jacobodi 2 жыл бұрын

Hello, thanks for the tutorial, it was very useful. How can I run the app on Android? Thanks

@saxenavedant61 Жыл бұрын

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 🙌

@dewaleolaoye Жыл бұрын

which documentation are you referring to? Please drop the link. Having this error "Your Ruby version is 3.2.0, but your Gemfile specified 2.7.5"

@saxenavedant61 Жыл бұрын

@@dewaleolaoye yes that's the issue I was discussing use a Ruby version manager like rbenv to install Ruby version 2.7.6 it's mentioned in the react native getting started official docs only this version works for react native iOS on Mac

@dewaleolaoye Жыл бұрын

@@saxenavedant61 Okay, Thank you

@mikulcek Жыл бұрын

Just run an update to the ruby version with gem install --system "installed ruby version". No need to downgrade ruby.

@alexpoon5921 2 жыл бұрын

Can you have another video for setting up Android envionment?

@user-ll8lr3st8v 2 жыл бұрын

thank u very much !!! you're angel😍

@user-ll8lr3st8v Жыл бұрын

와 ㄹㅇ 3개월이 지난 후에도 지금까지 두고두고 설치할때마다 유용하게 잘 보는중 진짜 한국 블로그로 RN 세팅법 나와있는거 빡침

@JosephBrinkleyJr Жыл бұрын

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

@malish6339 Жыл бұрын

THANKS YOU SO MUCH!

@JosephBrinkleyJr Жыл бұрын

@@malish6339 No problem. 🙂

@grapeejunior52 9 ай бұрын

@@JosephBrinkleyJru r Gem my sir Thank you

@user-xi9tp2kz4w Жыл бұрын

thanks so much

@raviduttjangid7304 Жыл бұрын

thanks bro

@arguscontrol6435 2 жыл бұрын

Gracias, se queda corto, so thx a lot, by the way... y el curso pa cuando?

@mfk8475 2 жыл бұрын

for MAC AİR 13 i do all things in video than i ran this commands in iterm2 : f you have problems on M1 with the pod install command, you need to install it via rosetta2: sudo arch -x86_64 gem install ffi arch -x86_64 pod install then it worked thank you .

@eddydavies7618 Жыл бұрын

Had to use ruby-install, churby and bundler to get my pods to install.

@NasirKhanPk 2 жыл бұрын

when downloading project from github as zip, it's not working may i know i this case what to follow to avoid pod errors ?

@satyak1337 Жыл бұрын

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

@vaibhavpuri3659 Жыл бұрын

so the iOS simulator how it will be installed ? or it is installed already?

@dramarec 2 жыл бұрын

Thank you!!! Android tutorial pleeese!!! We are very much in need.

@trungkiennguyen4837 Жыл бұрын

thanks you

@socialapp3231 Жыл бұрын

on an intel mac, once you fix the ruby version error you get the next "glog" error when doing pod install: Installing fmt (6.2.1) Installing glog (0.3.5) [!] /bin/bash -c set -e #!/bin/bash Couldn't install Pods. Updating the Pods project and trying again... Command `pod install` failed.

@adampatterson Жыл бұрын

Any tricks to get an old React native app up and running on an M1?

@mtsurov 14 күн бұрын

Thats a sub sir !

@notjustdev 12 күн бұрын

Thank you!

@RahulPatel-si9oj Жыл бұрын

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

@gouravnainwaya5669 2 жыл бұрын

Bro I facing this error under voximplant null is not an object (evaluating 'clientmodule.init

@mohammadmohsin9941 Жыл бұрын

CAN YOU PLEASE MAKE A DETAILED VIDEO ON SETUP FOR IOS ON M2

@abdulbasitrishi6058 9 ай бұрын

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

@aidanwalker7136 2 жыл бұрын

Can you do one for Android studio or just running an Android device on an m1? Having all sorts of issues atm

@notjustdev 2 жыл бұрын

I encountered the same issues. It feels very hacky and unstable to setup android studio at the moment, that's why I didn't include it. It is definetly possible, but multiple solution might work. I will do it when it becomes more stable

@DguruZ 2 жыл бұрын

Awesome

@thotoprodz693 Жыл бұрын

is it necessary to install ruby manually? in some m1 devices it comes already installed

@beaueatbutterflyyummy4151 Жыл бұрын

I fixed any problem ,,, new Xcode doesn't have components. My iOS sim said it failed... I also had a ruby+gem file version error. In terminal, I redownloaded ruby and version managed it to match the gem file and it got me up and running

@Gojo___Gojo362 2 жыл бұрын

hi i have problem with zsh: abort pod install

@BharatSingh-zk8lx 2 жыл бұрын

Why do we need Homebrew ruby? Why can't we use default ruby as mentioned in the docs? Also why do we need to set path for cocoa pods installation? Docs doesn't;t mention that.

@youtubewallah543 2 жыл бұрын

exactly

@BOSSMARTIN 2 ай бұрын

When i try to intall ruby 3.3.1, it say installed then I open a new shell put "ruby -v" and it says 2.6.0. when i put echo 'eval "$(rbenv init - zsh)"' >> ~/.zshrc or any other version of that it says permission denied. What am I missing?

@growthhacking9126 2 жыл бұрын

Please make tutorial on AWS for Begineer. I heard that one startup got 400k bill in one day while using AWS. EXPLAIN THIS too It will be interesting 🔴🔴🔴

@kesterbelgrove818 2 жыл бұрын

As someone with a 33K bill from AWS in one month from hackers, please also state the great importance of MFA and bill alarms.

@CelsiusAray Жыл бұрын

If enough m1 16gb ram for react-native for run simulator android and iPhone simultaneously?

@smarthealers Жыл бұрын

Error: Cannot install on Intel processor in ARM default prefix (/opt/homebrew)! it give this any solution

@goodnaturebyjay 2 жыл бұрын

What I can do for resolve this problem ?

@dikshasharma8964 2 жыл бұрын

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".

@ade-ajayiabolaji4005 2 жыл бұрын

npm react-native run-ios

@stephenawuah2020 Жыл бұрын

Sir please you didn’t create a folder in react native 😢 how do I open in vs

@ayushagarwal3981 10 ай бұрын

Hey anyone can reply to this if they know the solution: What should be done for the existing react native project that I pull from git and have to start that (I don't think I would be needing to run the react native command as - npx react-native init "nameofproject", ) Which command should be run to just setup react-native in an existing project to build the application ?

@kehlinswain7520 Жыл бұрын

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

@briancalma5674 Жыл бұрын

Same error mate, you must go inside ios folder and run pods install

@WidePhotographs Жыл бұрын

From your experience, is 8GB RAM with M2 sufficient for Xcode and react native iOS development only? I have no plans to work with Android.

@idc20627 Жыл бұрын

Depends on what you are building. 8gb for xcode will get annoying as the project gets larger. React native on vscode is my preference. 16 gb is recommended. 32 and you'll never have issues. 16 should be fine though, 8 is okay for simpler apps but generally not great for intermediate devs. If you're a beginner you should be fine but you will want to upgrade in a year or two.

@wildandvibe 2 жыл бұрын

im getting an erro while install ios simulator..could not download and install ios 14.4 siimulatr.failed to download package from ADC

@qazafisheikh530 2 жыл бұрын

error Failed to launch emulator. Reason: No emulators found as an output of `emulator -list-avds`. i getting this while running npx react-native run-android

@javalok9575 2 жыл бұрын

how to open project from visual studio ?

@kinchitpatel9835 Жыл бұрын

Not able to install watchman. Shows Error: python@3.10: the bottle needs the Apple Command Line Tools to be installed.

@keshavbhadoriya4971 Жыл бұрын

hi thanks for the video. but i got some issue to install xcode it say "Xcode can’t be installed on “Macintosh HD” because macOS version 12.5 or later is required." any idea how to overcome this

@yeetyeetlson5476 Жыл бұрын

update your macOS

@ModernXMade83 2 жыл бұрын

Has anyone ever gotten this message while installing react-native "error Error occurred while trying to create project directory."

@thorstenfricke3257 Жыл бұрын

Hi, do i need really a mac for web development?

@elhamuddin.mahmoodi 4 ай бұрын

Hey, is it possible to dockerize a react native project, if yes how?

@vaibhavpuri3659 Жыл бұрын

in my Xcode components is not present ? can you help me ?

@TheMazTheSpaz Жыл бұрын

I get an error after running: "npm run ios at the 11:30 min mark The error: error str.replace is not a function. TypeError: str.replace is not a function

@techknowledgebase4504 Жыл бұрын

office mac I can install with admin permission. RN setup

@socialapp3231 Жыл бұрын

Judging by all the comments about failures with ruby version missmatch, gemfiles, can't do pod install and react-native init not creating projects... I assume this does not work with the latest react native, xcode and an Intel mac? Can anybody write in the comments if they got this started using an intel based mac and what versions of everything you used? Thanks..

@killastiff Жыл бұрын

sudo gem install -n /usr/local/bin cocoapods -v 1.8.4

@jousufjacob8251 Жыл бұрын

god job boooyyyyyyy!

@rahmattanri1777 11 ай бұрын

Please help me, I can't install XCode on OS Monterey 12.6.8

@samerhannah5530 Жыл бұрын

It’s just not working on my Xcode 13.2.1

@ronakpatel61116 11 ай бұрын

✖ Downloading template error Command failed with exit code 1: yarn init -y please help me to solve this

@beaueatbutterflyyummy4151 Жыл бұрын

I can't find the components in my Xcode

@dhruvpatel6621 Жыл бұрын

for me everthing is wored till last step in last step i am unable to open simulator

@PrinceKumar-id8xc Жыл бұрын

✖ Installing Bundler error Your Ruby version is 2.6.10, but your Gemfile specified 2.7.5

@kwaku_2023 2 жыл бұрын

This is the error is have: Failed to construct transformer: Error: error:0308010C:digital envelope routines::unsupported { opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED' }

@OrnanCastillo 5 ай бұрын

Error: xcrun exited with non-zero code: 115 An error was encountered processing the command (domain=LSApplicationWorkspaceErrorDomain, code=115): Simulator device returned an error for the requested operation. Underlying error (domain=LSApplicationWorkspaceErrorDomain, code=115): The operation couldn't be completed. (LSApplicationWorkspaceErrorDomain error 115.)

@ekodarsa6946 Жыл бұрын

"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?

@robertomotta3715 Жыл бұрын

Hi, did you resolve it? I have the same problem

@vishalkumarmishra9752 Жыл бұрын

Install rvm and match the same version of both Ruby and gemfile just install Ruby with 2.7.5 version

@notjustadulting705 2 жыл бұрын

I'm getting an "You may have encountered a bug in the Ruby interpreter or extension libraries.". Installed Cocoapods, still getting the error while creating the react-native project.

@LordKamephis 2 жыл бұрын

same here, help would be appreciated :)

@notjustadulting705 2 жыл бұрын

@@LordKamephis I followed the official document and it worked.

@user-gx9bl1yr9i 2 жыл бұрын

How about simulator for Android? I know that is really hard to install it on MacOS (M1), because of a lot of errors...

@user-to5el1yk1s 2 жыл бұрын

Почему то ответ пропал. Пишу еще раз. Попробуй свой телефон подключить лучше. И комп засирать не нужно и удобней на реальном теле сразу смотреть результат

@jorgediasdsg1 2 жыл бұрын

@@user-to5el1yk1s obrigado pela dica!

@user-to5el1yk1s 2 жыл бұрын

@@jorgediasdsg1 your phone is easy to connect. but also the emulator is not difficult. download Android Studio, create an emulator with API 29, start the emulator and then npm run android

@jorgediasdsg1 2 жыл бұрын

@@user-to5el1yk1s I wanna try this today. Tks!

@jorgediasdsg1 2 жыл бұрын

@@user-to5el1yk1s All done. Very good bro. Thank's a lot!!!

@hajraqurban1159 2 жыл бұрын

ERROR: Could not find a valid gem 'cocapods' (>= 0) in any repository ERROR: Possible alternatives: cocoapods, cocoapods-x, xcocoapods, cocoapods-tt, cockapoc i got this while installining cocapods

@Aaron-pf8cd 6 ай бұрын

you spelled cocapods, but it should be "cocoapods" :)

@divyang16 Жыл бұрын

I have followed all the steps but still getting "No bundle URL present" error when i create new application in iOS. I am using mac M1 pro. Please suggest.

@tonycreavin Жыл бұрын

Hi, did you find a solution?

@wilsonlopez7337 2 жыл бұрын

Hi, you have a mac with 16GB RAM or 8GB RAM?

@yoJuicy 2 жыл бұрын

16GB. the new M1 pros do not offer 8.

@mohammedhelal2470 2 жыл бұрын

Error installing cocoapods: ERROR: Failed to build gem native extension. i am facing this problem can you help me please and also the ffi is not installing because I am using mac M1

@enzobatista2904 Жыл бұрын

Ty this: sudo gem install -n /usr/local/bin cocoapods -v 1.8.4 **Latest CocoaPods 1.10.0 won't work.**