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

Sdílet
Vložit
  • čas přidán 19. 06. 2021
  • 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.visualstudio.com/
    Environment setup: reactnative.dev/docs/environm...

Komentáře • 107

  • @blingket
    @blingket Před rokem +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!!

  • @devsaki
    @devsaki Před 2 lety +103

    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 Před 10 měsíci

      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.

    • @SemiDarkness2
      @SemiDarkness2 Před 9 měsíci +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 Před 9 měsíci

      ​@@FromRootsToRadicals_INTPsame here

    • @wilsoncraft126
      @wilsoncraft126 Před 7 měsíci

      ​@@SemiDarkness2in 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 Před 5 měsíci

      Where we will get password in 2:30 s

  • @krishnapanchal3425
    @krishnapanchal3425 Před 2 lety +3

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

  • @danastudebaker6480
    @danastudebaker6480 Před rokem +4

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

  • @rain-jz5bz
    @rain-jz5bz Před rokem +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 Před 2 lety +1

    Simply the best guide... straight forward

  • @sibajenesikasukwe
    @sibajenesikasukwe Před 2 lety +1

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

  • @user-oo7pz4pd9j
    @user-oo7pz4pd9j Před 9 měsíci

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

  • @miraclechinedum4135
    @miraclechinedum4135 Před 2 lety

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

    • @dumpling6440
      @dumpling6440 Před 2 lety

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

  • @ryansatriayudha
    @ryansatriayudha Před 11 měsíci

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

  • @alexpitulea2940
    @alexpitulea2940 Před rokem +7

    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.

  • @kenthjoshuaespina
    @kenthjoshuaespina Před 3 lety +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.

  • @davidomondi4572
    @davidomondi4572 Před rokem +1

    The first youtube tutorial to work for me

  • @user-vk1nv1gc1p
    @user-vk1nv1gc1p Před 19 dny

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

  • @syedhaiderali1519
    @syedhaiderali1519 Před rokem

    yeah, we have enjoyed this simple and helpful video

  • @jayxcrypto4898
    @jayxcrypto4898 Před rokem

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

  • @h.t.8812
    @h.t.8812 Před 4 měsíci

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

  • @thf1racer820
    @thf1racer820 Před 2 lety +1

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

  • @alikhanimagery5323
    @alikhanimagery5323 Před rokem +1

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

  • @aibabaji1
    @aibabaji1 Před 5 měsíci

    Thanks for this brilliant tutorial.

  • @rajjasoliya9147
    @rajjasoliya9147 Před rokem

    Thanks for it bro. Love from India

  • @alinanton8291
    @alinanton8291 Před 2 měsíci

    Thank you very much for this video !

  • @nizambao4653
    @nizambao4653 Před 11 měsíci +1

    Thank you so much for this video

  • @jamesnicholas8653
    @jamesnicholas8653 Před rokem

    thanks buddy. you have a new subscriber

  • @adityapandit8172
    @adityapandit8172 Před rokem +15

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

  • @CalculadoraLol
    @CalculadoraLol Před 5 měsíci

    Very good video man. Thanks.

  • @friscasagala1225
    @friscasagala1225 Před 2 lety

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

  • @kalaak
    @kalaak Před 8 měsíci

    Many thanks to you, sir!
    tak!

  • @theophanie77
    @theophanie77 Před 6 měsíci

    Very practical tutorial. Thx.

  • @techbar000
    @techbar000 Před 2 měsíci

    thank you for this video!!!!

  • @devmeta1478
    @devmeta1478 Před 10 měsíci

    thanks alot, great video

  • @blaknar
    @blaknar Před rokem

    Wow.. nice information

  • @ValentinaIkelie
    @ValentinaIkelie Před rokem +1

    thank you very much 🥰

  • @Blendermasterhacks
    @Blendermasterhacks Před 2 lety

    Thank you😍

  • @sharbelmousa4798
    @sharbelmousa4798 Před rokem +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 ?

  • @DLZHucker
    @DLZHucker Před 3 měsíci

    Thanks Man❤

  • @praizfilms
    @praizfilms Před rokem

    THANK YOUUUU

  • @chickendinner120
    @chickendinner120 Před 3 měsíci

    thanks mate,

  • @OufaGoldBR
    @OufaGoldBR Před rokem

    THANKS!

  • @Ali110Jay
    @Ali110Jay Před 2 lety +1

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

    • @Indently
      @Indently  Před 2 lety +1

      I have a physical device that I mirrored at the time

  • @adityapratama7600
    @adityapratama7600 Před 2 lety

    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?

  • @ancientstone9106
    @ancientstone9106 Před 9 měsíci

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

  • @nigelpallatt
    @nigelpallatt Před 2 lety +1

    Thank you

  • @user-rj7sm2op5o
    @user-rj7sm2op5o Před 8 měsíci

    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.

  • @osiris5449
    @osiris5449 Před 2 lety

    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. :(

  • @williamkakooza4603
    @williamkakooza4603 Před 3 měsíci

    Thanks alot and alot😊

  • @grilledpikachu
    @grilledpikachu Před rokem +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

  • @BlackBanshee679
    @BlackBanshee679 Před rokem +3

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

  • @tamyismuchtamil4633
    @tamyismuchtamil4633 Před 2 lety

    hello sir, do you use android studio software too?

  • @nqlid
    @nqlid Před rokem

    How do you connect your device with mac via cable?

  • @benjaminlahsen6721
    @benjaminlahsen6721 Před měsícem

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

  • @navjotsingh2457
    @navjotsingh2457 Před 2 lety

    ty

  • @ryansatriayudha
    @ryansatriayudha Před 11 měsíci

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

  • @codetorso
    @codetorso Před 6 měsíci

    Nice

  • @nicodemos.
    @nicodemos. Před 9 měsíci

    how he get the live phone screen projected?

  • @yasifaizi4316
    @yasifaizi4316 Před rokem +1

    Can we run write app for IOS in windows?

  • @qwermloy7771
    @qwermloy7771 Před 10 dny

    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

  • @massiveleg
    @massiveleg Před 4 měsíci

    after npm start it doesnt open the browser with metro bundler

  • @patrik5123
    @patrik5123 Před rokem +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.

  • @raw8388
    @raw8388 Před 7 měsíci

    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.

  • @charithadissanayake3304

    ❤️

  • @arjunverma2750
    @arjunverma2750 Před 2 měsíci

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

  • @rakoahmed5439
    @rakoahmed5439 Před 2 lety

    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 Před rokem +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 Před rokem

      @@AkagamiKenpachi Awesome, thank you!

  • @salexkorsan8790
    @salexkorsan8790 Před rokem

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

  • @remelynsamson4363
    @remelynsamson4363 Před rokem

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

  • @EmersonMiguel
    @EmersonMiguel Před 10 měsíci

    Where this Moto G7 came from?

  • @ricnyc2759
    @ricnyc2759 Před 8 měsíci

    Doesn't it have something like Android Studio?

  • @Prani578
    @Prani578 Před rokem

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

  • @animeoppa8850
    @animeoppa8850 Před 2 lety

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

  • @georgisirakovbg4979
    @georgisirakovbg4979 Před rokem

    its imba to install this on mac....

  • @salexkorsan8790
    @salexkorsan8790 Před rokem

    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

  • @koitheawesome
    @koitheawesome Před 2 lety +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?

  • @khulakahlemabaso7754
    @khulakahlemabaso7754 Před rokem

    I can't find the project 😅

  • @mohammedissam3651
    @mohammedissam3651 Před rokem

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

    • @Indently
      @Indently  Před rokem +1

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

  • @forester1
    @forester1 Před 3 měsíci

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

  • @fullmoonyeah1180
    @fullmoonyeah1180 Před rokem

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

    • @fullmoonyeah1180
      @fullmoonyeah1180 Před rokem

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

  • @mfAdvice
    @mfAdvice Před 8 měsíci

    How to build apk

  • @smislovva
    @smislovva Před rokem

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

    • @smislovva
      @smislovva Před rokem +1

      solved by connecting to the same wifi :D

  • @simiji4
    @simiji4 Před rokem +1

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

    • @simiji4
      @simiji4 Před rokem

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

  • @dimitris2691982
    @dimitris2691982 Před rokem +1

    not work for me....

  • @KeiAKWs
    @KeiAKWs Před 7 měsíci

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

  • @MrRahulmalik
    @MrRahulmalik Před 3 lety +1

    please make tutorials without using expo

  • @GuitarrasSJC
    @GuitarrasSJC Před 5 měsíci

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

  • @ivangiuseppenastro8687
    @ivangiuseppenastro8687 Před 3 měsíci

    ma sei italiano?

  • @hoseintahan1629
    @hoseintahan1629 Před 2 lety

    ل

  • @storm0fnova
    @storm0fnova Před 2 lety +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