How to get started in React Native - Your First App! (Android & iOS)

Поділитися
Вставка
  • Опубліковано 27 вер 2024
  • What is up guys? In this video I'll be showing you all the steps it takes to get started with creating your very first application in React Native using the Expo CLI.
    Visual Studio Code: code.visualstu...
    Environment setup: reactnative.de...

КОМЕНТАРІ • 110

  • @devsaki
    @devsaki 3 роки тому +110

    I have several years of experience with Node and React, and have worked on the original android Java SDK around 10 years ago. But this video is my entry point to React Native. The video was super clear, very useful and amazing! I know exactly how to start. Thanks for this brilliant tutorial.

    • @FromRootsToRadicals_INTP
      @FromRootsToRadicals_INTP Рік тому

      I have been full stack for over 13 years and currently am 38. Wanting to write a mobile app and just from your comment subscribing to this chan. Just started react. Thanks.

    • @SemiDarknes
      @SemiDarknes Рік тому +2

      Hello my friend i hope u are good. I have question from you.
      For creating app with react native do we need to know NodeJs and MongoDb?
      I will get happy if answer my question.

    • @SamsonKingOfKeys
      @SamsonKingOfKeys Рік тому

      ​@@FromRootsToRadicals_INTPsame here

    • @wilsoncraft126
      @wilsoncraft126 10 місяців тому

      ​@@SemiDarknesin my opinion, only node js, since you will use several of its concepts, MongoDB should only be learned if you are going to use that database management system

    • @talesfabrication8071
      @talesfabrication8071 8 місяців тому

      Where we will get password in 2:30 s

  • @alexpitulea2940
    @alexpitulea2940 Рік тому +8

    Tried to do this on WSL2, was a huge nightmare and after hours of trying I switched to WSL1. Much faster and can actually connect. Just mentioning this in case anyone is going through the same struggle.

  • @adityapandit8172
    @adityapandit8172 Рік тому +16

    has the content of website changed? its showing some different instructions now

  • @davidomondi4572
    @davidomondi4572 Рік тому +1

    The first youtube tutorial to work for me

  • @krishnapanchal3425
    @krishnapanchal3425 2 роки тому +3

    You're great
    I have been trying for 3 days and today I saw your video and finished it 😁
    Thanks you so much !

  • @ДаринаВасилева-й4н
    @ДаринаВасилева-й4н 3 місяці тому

    This was a very well explained tutorial and you made the setup so easy for me. Thank you!

  • @miraclechinedum4135
    @miraclechinedum4135 2 роки тому

    This is my first time with react native... Thanks to your video I have successfully set up my app

    • @dumpling6440
      @dumpling6440 2 роки тому

      Hey how did we get the simulator in mac? I also have same phone moto g7 power.

  • @h.t.8812
    @h.t.8812 7 місяців тому +1

    this is great! thank you so much! it's a bit different from the website now, but I was able to do it

  • @PabloDeeger
    @PabloDeeger Рік тому

    This is the best solution for me to start programming react native . THANKS A LOT

  • @danastudebaker6480
    @danastudebaker6480 Рік тому +4

    Wow I never knew the setup was that easy, thank you brother.

  • @sibajenesikasukwe
    @sibajenesikasukwe 2 роки тому +1

    This is my first time with react native. Thank you so much for this video I have successfully set up my first app👍👍

  • @kenthjoshuaespina
    @kenthjoshuaespina 3 роки тому +5

    This is my 1st time to learn react Native.. I'll be following your videos. Hoping you will do some videos with exciting project to build. I want also to learn Reactive Native with SQLite as backend. :) GodBless and more Power.

  • @rain-jz5bz
    @rain-jz5bz Рік тому +1

    thank you so much! took me a couple tries but im pretty new to coding so this is awesome and worked great. thanks!

  • @tulsikhatri8694
    @tulsikhatri8694 2 роки тому +1

    Simply the best guide... straight forward

  • @jayxcrypto4898
    @jayxcrypto4898 Рік тому

    Thanks boss, am a web dev...am starting this immediately

  • @BlackBanshee679
    @BlackBanshee679 Рік тому +3

    The Expo go scanner does not work for me. It says network error, timed out

  • @ryansatriayudha
    @ryansatriayudha Рік тому

    Thank you very much. This is the simplest and best explanation. I Tried it and it works well.

  • @grilledpikachu
    @grilledpikachu Рік тому +1

    If your app does not refresh -> sign up with an account on the expo app and then connect with QR code and it should fix it

  • @weixiangng8279
    @weixiangng8279 2 місяці тому

    Love your tutorials.

  • @nizambao4653
    @nizambao4653 Рік тому +1

    Thank you so much for this video

  • @thf1racer820
    @thf1racer820 2 роки тому +1

    Thank you Sir... Very clear and to the point ... I learnt a lot .. thnx

  • @rajjasoliya9147
    @rajjasoliya9147 Рік тому

    Thanks for it bro. Love from India

  • @dharacoding
    @dharacoding 8 місяців тому

    Thanks for this brilliant tutorial.

  • @alinanton8291
    @alinanton8291 5 місяців тому

    Thank you very much for this video !

  • @CalculadoraLol
    @CalculadoraLol 8 місяців тому

    Very good video man. Thanks.

  • @samaether4661
    @samaether4661 4 дні тому

    Followed all instructions. But the emulator does not have the playstore??

  • @simiji4
    @simiji4 Рік тому +2

    I don't know what I am doing wrong but it is not working...

    • @simiji4
      @simiji4 Рік тому

      Do you know a similar app to use instead of expo ?

  • @theophanie77
    @theophanie77 10 місяців тому

    Very practical tutorial. Thx.

    • @Indently
      @Indently  10 місяців тому

      Glad it was helpful!

  • @patrik5123
    @patrik5123 Рік тому +3

    2:10 No. Do not install npm packages using any form of administrative credentials. Even a year ago when this video was published, this was frowned upon, mildly speaking.
    If you need to do this in order to install anything using npm, your environment isn't good to begin with and more problems will arise sooner than you think. Most likely, right away.

  • @friscasagala1225
    @friscasagala1225 2 роки тому

    thankyou sir .. it is very useful for beginner like me 🙂

  • @kalaak
    @kalaak 11 місяців тому

    Many thanks to you, sir!
    tak!

  • @jamesnicholas8653
    @jamesnicholas8653 2 роки тому

    thanks buddy. you have a new subscriber

  • @qwermloy7771
    @qwermloy7771 3 місяці тому

    Anyone help, when i scanned the qr code in expo go app it opened a welcome and explore page, what to do in this case i want to view my progress in the app am doing

  • @arjunverma2750
    @arjunverma2750 5 місяців тому

    im setting this up on mac an getting an error saying there are too many files opennot sure whatto do can anyone help out?
    \

  • @techbar000
    @techbar000 5 місяців тому

    thank you for this video!!!!

  • @yasifaizi4316
    @yasifaizi4316 2 роки тому +1

    Can we run write app for IOS in windows?

  • @raw8388
    @raw8388 10 місяців тому

    Did everything, my page loaded but has no text on it. Even after updating the app.js file. Also when I try loading on my phone using expo go, it fails... says network timeout which I believe is pretty much not the case.

  • @devmeta1478
    @devmeta1478 Рік тому

    thanks alot, great video

  • @forester1
    @forester1 6 місяців тому

    Little bit attracted to react native . Because i m pro in kotlin

  • @blingket
    @blingket Рік тому +6

    Thank you so much for your videos!! I was really frustrated because other tutorials weren't working for me, but I've been following your tutorials of your React Native playlist and I'm so happy cause everything worksss!!

  • @benjaminlahsen6721
    @benjaminlahsen6721 4 місяці тому

    Hello! I have a question regarding the mobile viewer in your computer screen. I have linux and IOS configuration

  • @EmersonMiguel
    @EmersonMiguel Рік тому

    Where this Moto G7 came from?

  • @sharbelmousa4798
    @sharbelmousa4798 Рік тому +3

    Hey man great video.
    I am completely new to react nativ and app development and i am having problem running the emulator
    Can you write me some steps here explaining what emulator are you using and how you set it up ?

    • @ChaneLX645
      @ChaneLX645 2 місяці тому

      it's not an emulator, he is using recording his phone screen with the expo app.

  • @blaknar
    @blaknar 2 роки тому

    Wow.. nice information

  • @DLZHucker
    @DLZHucker 6 місяців тому

    Thanks Man❤

  • @ryansatriayudha
    @ryansatriayudha Рік тому

    How to create a new project directly in Visual Studio Code? Can we just create a new folder in Visual Studio Code?

  • @massiveleg
    @massiveleg 7 місяців тому

    after npm start it doesnt open the browser with metro bundler

  • @williamkakooza4603
    @williamkakooza4603 6 місяців тому

    Thanks alot and alot😊

  • @nigelpallatt
    @nigelpallatt 2 роки тому +1

    Thank you

  • @Ali110Jay
    @Ali110Jay 2 роки тому +1

    Super useful video, just wondering how did you manage to get that emulator working on your machine?

    • @Indently
      @Indently  2 роки тому +1

      I have a physical device that I mirrored at the time

  • @Prani578
    @Prani578 Рік тому

    After scan QR code with expo it's showing network error😞😞

  • @ricnyc2759
    @ricnyc2759 11 місяців тому

    Doesn't it have something like Android Studio?

  • @nicodemos.
    @nicodemos. Рік тому

    how he get the live phone screen projected?

  • @OufaGoldBR
    @OufaGoldBR Рік тому

    THANKS!

  • @chickendinner120
    @chickendinner120 6 місяців тому

    thanks mate,

  • @praizfilms
    @praizfilms Рік тому

    THANK YOUUUU

  • @ancientstone9106
    @ancientstone9106 Рік тому

    in order to work the expo app is that need same Wi-Fi connection as the pc where you running the app?

  • @salexkorsan8790
    @salexkorsan8790 Рік тому

    Really Thanks i Build Following you, Brother, i need one More Help, How to Download and save image in iPhone.
    please Guide me. About it

  • @nqlid
    @nqlid Рік тому

    How do you connect your device with mac via cable?

  • @animeoppa8850
    @animeoppa8850 2 роки тому

    its giving me error when in run android please help......

  • @Blendermasterhacks
    @Blendermasterhacks 2 роки тому

    Thank you😍

  • @adityapratama7600
    @adityapratama7600 2 роки тому

    hello, I want to ask, when creating an android project, where can I determine the minimum android version of the device that can install the application?

  • @georgisirakovbg4979
    @georgisirakovbg4979 Рік тому

    its imba to install this on mac....

  • @mohammedissam3651
    @mohammedissam3651 Рік тому

    Why did you installed node ?
    What if I want to use PHP and mySQL as db ...
    I don't want node

    • @Indently
      @Indently  Рік тому +1

      I'm sure you know how Google search works by this point

  • @osiris5449
    @osiris5449 2 роки тому

    On Mac, do you have to be logged in to an Apple Developers account to build an app or will it just build? I'm trying get my app built but I only got Windows. :(

  • @codetorso
    @codetorso 9 місяців тому

    Nice

  • @tamyismuchtamil4633
    @tamyismuchtamil4633 2 роки тому

    hello sir, do you use android studio software too?

  • @smislovva
    @smislovva Рік тому

    what i have on my android phone is Something went wrong... Network response timed out. ((

    • @smislovva
      @smislovva Рік тому +1

      solved by connecting to the same wifi :D

  • @navjotsingh2457
    @navjotsingh2457 2 роки тому

    ty

  • @mfAdvice
    @mfAdvice 11 місяців тому

    How to build apk

  • @rakoahmed5439
    @rakoahmed5439 2 роки тому

    Great content! I'm using BlueStacks 10 as my android emulator, but not sure how to connect it to my VS code? Thanks for help!

    • @AkagamiKenpachi
      @AkagamiKenpachi 2 роки тому +1

      By downloading an app that scans QR code from the gallery.
      So screenshot the QR, and transfer it to the emulator. Then choose to open a picture rather than using camera.

    • @rakoahmed5439
      @rakoahmed5439 2 роки тому

      @@AkagamiKenpachi Awesome, thank you!

  • @MrRahulmalik
    @MrRahulmalik 3 роки тому +1

    please make tutorials without using expo

    • @Indently
      @Indently  3 роки тому +2

      I will be doing both.

  • @fullmoonyeah1180
    @fullmoonyeah1180 Рік тому

    how do I get the apk and ipa file if I will be deploying it to the playstore?

    • @fullmoonyeah1180
      @fullmoonyeah1180 Рік тому

      and I'm getting something went wrong message when I scanned the qr code generated from my vs code..

  • @charithadissanayake3304
    @charithadissanayake3304 Рік тому

    ❤️

  • @koitheawesome
    @koitheawesome 2 роки тому +1

    I'm a bit confused as to how to set this up properly. I have the VS set up, and I should have the Node.js and the Expo CLI set up as well. I also downloaded Android Visual Studio, but I can't get it to run in VS.
    I get an error that says this:
    An error occurred while launching the application. Error while executing command 'adb devices': Command failed: adb devices
    'adb' is not recognized as an internal or external command,
    operable program or batch file.
    (error code 303)
    How do I get it to use the Android Studio Emulator in VS for the applications?

  • @GuitarrasSJC
    @GuitarrasSJC 8 місяців тому

    "& iOS".... where is iOS?

  • @ivangiuseppenastro8687
    @ivangiuseppenastro8687 7 місяців тому

    ma sei italiano?

  • @hoseintahan1629
    @hoseintahan1629 2 роки тому

    ل

  • @storm0fnova
    @storm0fnova 2 роки тому +1

    when I type in the "expo init projectname" i get this error message saying:"File C:\Users\Eric\AppData\Roaming
    pm\expo.ps1 cannot be loaded because the e
    xecution of scripts is disabled on this system. Please see "get-help about_sig
    ning" for more details.
    At line:1 char:5
    + expo

  • @alikhanimagery5323
    @alikhanimagery5323 Рік тому +1

    Dude !! now this is "content" rite there just to help you jump even after years of experience..

  • @dimitris2691982
    @dimitris2691982 Рік тому +1

    not work for me....

  • @ValentinaIkelie
    @ValentinaIkelie Рік тому +1

    thank you very much 🥰

  • @DwightTam
    @DwightTam 11 місяців тому

    What should I choose between React Native and React Js? I only need React native for one special project but I morely might need React js in web development.

  • @salexkorsan8790
    @salexkorsan8790 Рік тому

    Brother Just Tell me One Thing i'm New, if i code one app, it will create automatic two apps, Apk and Ios Both ??

  • @KeiAKWs
    @KeiAKWs 10 місяців тому

    This video is isn't up to date anymore with the react native website

  • @remelynsamson4363
    @remelynsamson4363 Рік тому

    why it didnt go directly to metro blunder/localhost for me??

  • @khulakahlemabaso7754
    @khulakahlemabaso7754 Рік тому

    I can't find the project 😅

  • @syedhaiderali1519
    @syedhaiderali1519 Рік тому

    yeah, we have enjoyed this simple and helpful video