React Native Environment Setup for MacOS (M1 and Intel)

Подписаться 114 тыс.

Просмотров 130 тыс.

50% 1

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

Наука

Опубликовано:

7 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 218

@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

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

@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

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

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

@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

@daftstuff6406 Год назад

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

@vaishnaviyerpude29 Год назад

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

@ProStrike38 Год назад

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

@PauloRoberto-rf3zy 2 года назад

It helps a lot, thank you man!!

@notjustdev 2 года назад

Glad to hear it!

@cuethecurves 2 года назад

This tutorial saved my life!!

@iowaaaaaa Год назад

You helped me to solve all my problems. Thank you

@jaypanjwani9312 Год назад

Amazing. Many thanks for your contribution.

@pedrojunior6755 Год назад

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

@yzzygomez 2 года назад

worked out smoothly

@guilhermetiede3348 10 месяцев назад

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

@FunwithIndra 2 года назад

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

@mevlutefe9739 2 года назад

Thank you so much it was so efficient

@aayushjha 2 года назад

worked on my M1 air . Thanks!

@GreatScottByJoe Год назад

Deserves more subs.. awesome channel

@K.Huynh. Год назад

Thank for sharing!

@emrebabur8236 Год назад

Thank you bro! 😀

@kamalverma6410 Год назад

Thanks, You saved my day,

@tharindurajanayake83 Год назад

Thanks buddy you are the best

@halilseran1567 2 года назад

Thank you very much brother

@jonasmorales8164 2 года назад

thaks bro you saved my day

@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

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

@kunalbhayana Год назад

Many Thanks!

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

@user-dq2yk4hl6y 2 года назад

Thank you bro

@RahulPatel-si9oj Год назад

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

@BOSSMARTIN Месяц назад

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?

@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

@user-ll8lr3st8v 2 года назад

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

@user-ll8lr3st8v Год назад

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

@gouravnainwaya5669 2 года назад

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

@smarthealers Год назад

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

@alexpoon5921 2 года назад

Can you have another video for setting up Android envionment?

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

@user-xi9tp2kz4w Год назад

thanks so much

@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

@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

@the_javedm 7 месяцев назад

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 2 месяца назад

LIFESAVER thanks so much

@jacobodi 2 года назад

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

@thotoprodz693 Год назад

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

@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 8 месяцев назад

@@JosephBrinkleyJru r Gem my sir Thank you

@OrnanCastillo 4 месяца назад

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

@ayushagarwal3981 9 месяцев назад

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 ?

@CelsiusAray Год назад

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

@kinchitpatel9835 Год назад

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

@raviduttjangid7304 Год назад

thanks bro

@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

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

@dramarec 2 года назад

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

@elhamuddin.mahmoodi 3 месяца назад

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

@adampatterson Год назад

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

@stephenawuah2020 Год назад

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

@ronakpatel61116 10 месяцев назад

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

@ModernXMade83 Год назад

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

@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

@DguruZ 2 года назад

Awesome

@rahmattanri1777 10 месяцев назад

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

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

@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

@eddydavies7618 Год назад

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

@nykachi Год назад

What I can do for resolve this problem ?

@trungkiennguyen4837 Год назад

thanks you

@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' }

@vaibhavpuri3659 Год назад

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

@thorstenfricke3257 Год назад

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

@jousufjacob8251 Год назад

god job boooyyyyyyy!

@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

@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

@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

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

@PrinceKumar-id8xc Год назад

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

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

@mohammadmohsin9941 Год назад

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

@arguscontrol6435 2 года назад

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

@javalok9575 2 года назад

how to open project from visual studio ?

@dhruvpatel6621 Год назад

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

@jervi_sir Год назад

i got a ** BUILD FAILED ** during run ios m using mac intel Ventura

@samerhannah5530 Год назад

It’s just not working on my Xcode 13.2.1

@techknowledgebase4504 Год назад

office mac I can install with admin permission. RN setup

@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

@beaueatbutterflyyummy4151 Год назад

I can't find the components in my Xcode

@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

@mohsinjaved185 Год назад

im facing an error while making an application its appears a envoirment error any one here please help me

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

@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.**

@srinivasm2805 Год назад

error No simulator available with name "iPhone 13".

@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 5 месяцев назад

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

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

@standroads Год назад

😭😭😭 Gemfile is 2.7.5 but ur Ruby version is 2.7.6 please heeeelllp someone

@harrisngwenya4120 Год назад

error Could not locate Gemfile

@KB-vf5jw 2 года назад

lot of. softwares more than 100 giga memory only for setup

@kazuki_gamer 2 года назад

MacBook Air M1 2020, MacOs Monterey Help! 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.

@notjustdev 2 года назад

Can you try to install pod dependencies manually? cd ios && pod install

@vishalkumarmishra9752 Год назад

@@notjustdev it also not worked after getting all this I'll try to do above command cd ios && pod install in project which is halfly created means during created that it throws and error of warm multiple profiles were found