React Native for Beginners tutorial

[@DaveGrayTeachesCode]

Learn how to build large-scale React Native apps that you can add to your portfolio with ZTM's Complete React Native Developer course: links.zerotomastery.io/CompleteReactNative

[@VinayKumar-ri6wc]

Finally, REACT NATIVE FROM DAVE , the boy who learned HTML,CSS,JS from your videos is working as RN Developer, now time to upgrade myself with DAVE , VERY HAPPY

[@DaveGrayTeachesCode]

Thank you! Keeping this series very beginner level friendly. If you already work as a React Native Developer, it may just be a nice review. 😃

[@NikkiKumari-ie9jf]

@@DaveGrayTeachesCode yeh you are such a great teacher i will make sure you willbe proud of me one day i am currently working on a project or startup soon i will be in Forbes ignore my english mistakes 😅plzz also make a video in (things to know before building an app like which best to use for storgae clous authentication api and others) also firebase tutorial react native full tutorial plz

[@mrbilchalan]

I feel safe when I learn from you. You barely miss any point and never misleading. I am going to learn this "thing". But you didn't tell us why should we learn react native rather than other frameworks. Thank you , Dave.

[@DaveGrayTeachesCode]

I think I did without mentioning other libraries or frameworks - React Native is useful because you can build for Android, iOS and the web all in one codebase. Like React, React Native is considered a library, but Expo is a recommended framework for use with React Native.

[@soeyannaing3993]

I wish react native series will be completed as soon as possible. Your videos are so underrated.

[@DaveGrayTeachesCode]

Thank you!

[@frankkim9178]

I’ve subscribed your channel for years even with many different accounts to support. I really appreciate your help!

[@AmodeusR]

Just what I was needing! Very happy to find you're making a brand new course in React Native, I'm surely going go follow it :D

[@this.tushar]

I was looking for all the videos on your channel related to React Native after learning Next.js last year. It's finally here! Thank you ❤

[@DaveGrayTeachesCode]

Welcome!

[@AC_Music]

what a co incidence Dave!! yesterday i decide i should try learning react native and today itself you uploaded this video!!

[@DaveGrayTeachesCode]

Perfect!

[@amjedbelgacem8218]

The goated Nextjs tutor himself dropped a React Native tut, although i know how to use it but i’ll watch this video to see if there are some things or best practices i missed, thanks Dave

[@DaveGrayTeachesCode]

You're welcome!

[@danielishai6756]

was so lucky to run in to this video, I haven't been able to find an up to date react course! everything is as relevant as can be. When do you plan on releasing the next chapter? I'll be waiting for it with excitement :)

[@DaveGrayTeachesCode]

Usually one video per week.

[@nancymani8127]

@@DaveGrayTeachesCode Oh no Dave, I was literally scrolling through your entire playlist trying to find the next lesson :(

[@풍월상신]

Wow React Native!! I'm so excited!!! I'm ready to buckle up!! How many chapters can we look forward to? It would be great to know the main topics we'll be learning in advance. Thank you Dave.

[@DaveGrayTeachesCode]

@@풍월상신 You're welcome! I'm estimating 10 chapters. Small projects for beginners 🙌

[@akp2082]

Finally My favorite Teacher goes on react native , Can't be thankful enough but never the less, Thanks Dave

[@DaveGrayTeachesCode]

You're welcome - and thank you for the kind words!

[@jaguar3957]

Oh my god i have been waiting for this ♥️ thanks

[@DaveGrayTeachesCode]

Glad I could deliver!

[@ryansatriayudha]

Thank you very much for creating and uploading this video. I have just learned something new from you.

[@Whelp_Studios_Official]

Thank You so much, this tutorial was really helpful and a confidence boost for my native journey.

[@DaveGrayTeachesCode]

Glad you enjoyed it!

[@saiguna6676]

finally React native from dave your content is gold looking forward for more videos

[@DaveGrayTeachesCode]

Thank you!

[@johanmirzaahmedov7987]

Looking forward to see more advanced topicks from Dave!!!

[@chrisw5509]

Great video! I'm ready for the next one. I don't have a React background - just python and some Javascript. I was easily able to follow your video and get the results. Thanks for your time creating these excellent videos!

[@DaveGrayTeachesCode]

Glad to hear that!

[@quvomiddinkamalov3292]

Kamalov Quvomiddin: React Native started at 04.10.2024 19:30 at Uzbekistan, Thanks sir❤

[@DaveGrayTeachesCode]

You're welcome!

[@soeyannaing3993]

Keep going love your videos. You are a legend,Dave.

[@DaveGrayTeachesCode]

Thanks, will do!

[@soeyannaing3993]

@@DaveGrayTeachesCode I completely deployed my university management final project through your Web Developer Series.Thanks a lot

[@deanwinchester8943]

WOW Dave you did it finally , , thanks in advanced , and i hope you will explain later what backend should we use for big project (firebase , appwrite) or nodejs

[@DaveGrayTeachesCode]

Those are all good choices. Really a matter of preference on the back end. Don't forget Supabase 😃

[@aarushsingh4985]

Hey dave, i have learned html css js react node and the full stack development from your courses. You make great videoa btw thanks for it.

[@DaveGrayTeachesCode]

Glad I could help - thank you!

[@ayeshalatif6210]

Your tutorial looks great! It's my first time on your channel, and I hope to learn more from you

[@DaveGrayTeachesCode]

Thank you and welcome aboard!

[@kalimdurrani5635]

Been, waiting for this for so long, please make it full stack.

[@odukoyasheriff9735]

I got delayed in learning this course but am happy that it's from you i will this course from

[@gabrielgerald]

Dave you are just Amazing, thank you

[@DaveGrayTeachesCode]

You are very welcome

[@pure942cure]

Perfect starter tutorial. Really looking forward to more videos

[@DaveGrayTeachesCode]

More to come!

[@tetyanagon3342]

AWESOME as usual! TY!

[@MOJICA7257]

Thanks Dave🎉🎉🎉🎉 Another great content

[@DaveGrayTeachesCode]

You're welcome!

[@mickelodiansurname9578]

Dave ... ummm thank you... I'm familier with react and node... but you know how these things go and to avoid pulling out hair I can ill afford I went looking for a tutorial for install.. and found one, and you found yourself a subscriber!

[@ankxsh]

thank you so much dave! love from India 🇮🇳

[@DaveGrayTeachesCode]

@@ankxsh You're welcome!

[@anonymous_246]

Learned react from you, time to learn reactnative from you too. Thanks 🙏🏼

[@DaveGrayTeachesCode]

@@anonymous_246 glad to hear that! 🙌

[@TheLastPhoen1x]

The only thing better than this video is the knowledge we will get more chapters.

[@DaveGrayTeachesCode]

Right on!

[@MarkWilliamson-n4s]

Thanks Dave Good, you're back

[@DaveGrayTeachesCode]

You're welcome!

[@honeypaptan9927]

Hey dave, I was really looking for this please continue this till advance level

[@DaveGrayTeachesCode]

Thanks! This series will stay beginner level friendly, but I could go further in the future. 🙌

[@techaddictdude]

Thank you Dave for releasing the RN series, I am really sorry for the RN spamming requests on your Discord.

[@DaveGrayTeachesCode]

@@techaddictdude no worries! I hope it helps you 🙌

[@cryptologis]

Always a boy who is dreaming of Dave's next updates i am calling you a professor i looked up for way more than my collage profs

[@DaveGrayTeachesCode]

Thank you for the kind words! I do teach college courses at a state university in Kansas.

[@samirsamir7779]

Great , thank you Dave ❤

[@DaveGrayTeachesCode]

You're welcome!

[@YordanosYohans-jb9jp]

dave i am great full to learn from you are my always teacher thankyou very much🙂

[@DaveGrayTeachesCode]

Happy to hear that!

[@oladapooluwadurotimi2865]

Wowwww❤🥰! Well done sir.

[@DaveGrayTeachesCode]

Thank you! 💯

[@chroniclesofcliches]

Sir thank you for this RN course🙏

[@DaveGrayTeachesCode]

Most welcome

[@sabinarozenrot7831]

Thanks i love your tutorials)

[@DaveGrayTeachesCode]

Glad you like them!

[@hellforall8140]

Thanx we needed this

[@DaveGrayTeachesCode]

You're welcome!

[@theybecameus]

Thanks David

[@DaveGrayTeachesCode]

Welcome!

[@minidragonlady]

I hope you can do a series for intermediate-advanced React Native too :) Maybe implementing a reward/level up system like the one in Duolingo. Gamification is a huge part that can attract users, which I haven't seen many tutorial-makers did yet.

[@DaveGrayTeachesCode]

That's a great suggestion for the future! 🙌

[@itzindiandude]

The goat💪🐐🔥

[@DaveGrayTeachesCode]

Thank you! 🙏

[@growmoreyt4192]

Wow David in the house with react native love it.

[@DaveGrayTeachesCode]

Right on!

[@catreunion]

Thank you teacher. 🙏

[@DaveGrayTeachesCode]

You are very welcome

[@abdulkarim018]

Les gooooo Dave's teaching React Native nowww

[@DaveGrayTeachesCode]

Right on!

[@fscubetech7219]

The great content 👍

[@DaveGrayTeachesCode]

Thank you!

[@AmirSG-nh5yw]

Thanks ❤

[@lukefarmer737]

I finished the ZTM course on react native. The last push they made for the code on their course was 4 years ago. Mo was a great instructor, but the class content was extremely outdated. Your content is more up to date Mr. Gray.

[@DaveGrayTeachesCode]

@@lukefarmer737 They have told me it will be updated. Hopefully soon and you will still have access to it. I do hope you still learned from it. Good instructors. 🙌

[@txusiff]

Thanks, Dave! I'm really excited to dive into React Native. Just curious, will we be building any projects during this course, or is it more of a tutorial-based format?

[@DaveGrayTeachesCode]

I'm looking at several simple projects. I think it is a good way to start.

[@Hen_ry_001]

I'm a big fan, dave. I'm almost done with CSS After JS What do you suggest i learn. You were the start of my dev journey.

[@DaveGrayTeachesCode]

After JS, you can begin learning a library like React or others. 💯

[@khaleepa-ssa]

thank you for bringing this

[@DaveGrayTeachesCode]

Welcome!

[@khumkarki4410]

Great finally. Let's learn React Native

[@DaveGrayTeachesCode]

Right on!

[@Dibyendu-dev]

Thank Dave, ❤❤

[@DaveGrayTeachesCode]

Welcome!

[@prashanthraju1272]

Waiting for you to complete the series so I can binge watch🔥🔥🔥

[@DaveGrayTeachesCode]

I call this the "Netflix" approach!

[@Hen_ry_001]

​@@DaveGrayTeachesCode The Netflix approach 😂😂 I guess I also prefer the Netflix approach then.

[@JRichens]

Will be following this. Very interested in how to do mapping and tracking

[@DaveGrayTeachesCode]

May be a little advanced for this beginner series, but I'll consider it before it is over. 🙌

[@jayhan9971]

Noting for others that are using macOS that if you get this error "Error: EMFILE: too many open files, watch" when trying to run "npx expo start" you may need to install watchman (brew install watchman). It would not work for me otherwise. Thanks Dave!

[@mzansideveloper]

Thank you, Dave. As someone new to mobile development, I’ve been following tutorials, but their project structures differ from mine. Your guidance will be incredibly helpful on this journey. Could you also demonstrate implementing OAuth 2.0 sign-in with React Native for Google and Facebook, using a Spring Boot backend (or any backend language)? I’m looking for functionality that allows single sign-on via Google, where the backend handles the actual authentication, and the frontend redirects the user for sign-in

[@DaveGrayTeachesCode]

Great request! Auth isn't something I wanted to include in a beginners series, but I will cover this topic in the future.

[@aymenbachiri-yh2hd]

thanks dave

[@DaveGrayTeachesCode]

You're welcome!

[@sdfsfsfd437]

Very good!!! ❤💯👍

[@DaveGrayTeachesCode]

Thank you!

[@viniciusmassari5503]

legend ! 💥💥

[@DaveGrayTeachesCode]

Thanks!

[@syedaffanhameed14]

Hi Dave First time learning on you channel. Have heard a lot about you. Can you tell me what will be the frequency with which you will be uploading videos for this react native series?. Every week or alternate days?

[@DaveGrayTeachesCode]

Every week 🙌

[@rationalindianguy]

😍😍😍 I was waiting for your updated React Js Course. But sir you came with React Native course.. wow Only HTML, CSS, JS required?? 😍😍 Need personal advice... I started your React Js Course, few introduction videos. Should I complete the ReactJs course or React Native much important. ?? Please guide me

[@DaveGrayTeachesCode]

Since you have started React, finish it. What you learn there will help you understand React Native.

[@togya4]

No way finally, when will the series be completed?

[@DaveGrayTeachesCode]

Looking at 8 to 10 videos with one per week.

[@togya4]

@@DaveGrayTeachesCode oh no that's around 3 months😂, keep up the good you are doing great. Also if you could talk about docker

[@someshvarvashisht6726]

Great Series ! So you will be using typescript? Can we mix Javascript and typescript components?

[@DaveGrayTeachesCode]

Good question! I want to keep the entry level aka prerequisite knowledge for this series minimal so I am not using TypeScript.. but it is supported as you will see in the example app in this video. Please feel free to use TypeScript as you go if you already know it.

[@soumadip_banerjee]

Yaayy❤

[@josephuzuegbu7431]

Cool and Nice tutorial. Pls, when is the next series coming out? Thanks

[@DaveGrayTeachesCode]

I've been publishing one Next.js video per week for that series. Getting ready to do even more in December.

[@marczlong9382]

I'm interested in the course. Does it include Expo Router?

[@DaveGrayTeachesCode]

@@marczlong9382 Yes

[@mohitjain4943]

Just Wanted to know . From where do you learn ? Docs ? Books ? Videos ?

[@DaveGrayTeachesCode]

Great question - Docs first. I do like videos and blog articles. Not so much books as tech changes quickly and they are often out of date.

[@mohitjain4943]

@@DaveGrayTeachesCode could you make a video on a How to go through the docs ? It's quite overwhelming sometimes , Thanks !

[@MarijanRaicevic]

In my case a month from when this video was released I had to register at expo site, connect iphone with expo go app, and then in the iphone expo go click on the project. Running npx expo start didn’t load a QR code. I tried npx expo start -c but no luck.

[@DaveGrayTeachesCode]

That sounds like a development build. I cover those in the final chapter. However, Expo did just release their new SDK. Instead of installing "@latest", you can install a specific version number. The version number I use in each chapter is listed in the course resources in the package.json file under dependencies.

[@michaelscofield5343]

what is the difference between react native and building a mobile apps using dart? which one is better ?

[@DaveGrayTeachesCode]

Two different building tools & approaches. Both are good and the answer to which is better will change based on who you ask. I work with React so React Native was an easy choice for me.

[@Nobody2day553]

How do we do this without the Expo App? Because it simply does not work. There's no camera available in the app and scanning the QR code with the phone's camera doesn't connect it to the app... would be nice to follow along with the tutorial but it's not possible...

[@alexanderleonidas3260]

Nice intro :)

[@DaveGrayTeachesCode]

Thanks!

[@rabbitlover7656]

Hello Doctor, Why do most universities or institutes start learning Java programming language instead of C++, especially in India and Saudi Arabia? I mean, on the first day in college or institute, they start teaching Java without teaching C++ before it, knowing that students are supposed to study C++ and then start teaching them any language they want, whether Java or another. Why do Indians and Saudis use Java extensively? I mean, most of their programmers are proficient in Java, regardless of whether they use it or not, but they teach us even if they don't use it? I mean, is there a secret in Java that we don't know yet, and why are its users more numerous than C++?

[@DaveGrayTeachesCode]

Hello and thank you for calling me "Doctor".. however, I do not have a PhD. I am a university instructor, but I qualify with significant experience instead of a PhD. Ok that said, I cannot speak about why universities do the things they do - even in the United States. They all differ. I don't cover Java or C++ on my channel at this time.

[@rabbitlover7656]

@DaveGrayTeachesCode Thank you also for your nice reply, my professor. I would like to ask you again, should we start with C++ as a mandatory requirement in order to be strong programmers, as the overwhelming majority around the world claim? Another question, which language do you personally prefer between Java and C++ and why? Thank you so much.

[@abots]

I used to pray for times like this

[@DaveGrayTeachesCode]

Glad I could help!

[@UsmanAbiodun-or3hp]

Please can a beginner with experience in react take this course sir ?

[@DaveGrayTeachesCode]

Yes you can

[@UsmanAbiodun-or3hp]

@@DaveGrayTeachesCode I meant Zero experience take this course

[@DaveGrayTeachesCode]

@@UsmanAbiodun-or3hp was in the first 2 minutes of the video I list what you should know before starting.

[@JIPP71984]

Cheers Dave Anyone having/had issues connecting their mobile to view application? mine just buffers for ages.

[@DaveGrayTeachesCode]

If you haven't, try the suggested --tunnel flag. I had to use it on my network.

[@Fariz-q3p]

I tried to scan the qr code with my Expo go android app, but its always loading. But seems fine when use web

[@DaveGrayTeachesCode]

Did you see where I say to use the --tunnel flag if problems loading?

[@Fariz-q3p]

@@DaveGrayTeachesCode Ahh i see it works now, thanks Dave, I think i missed that part 😅

[@IrfanAhmad-fj3eg]

Hi @DaveGrayTeachesCode, I hope this series will be helpful for everyone! Do you have a Next.js 14 series? If so, could you please share the URL? I wasn't able to find it.

[@DaveGrayTeachesCode]

I have a Next.js playlist that starts with Next.js 13 and moves to 14 as it was released. I also have a Next.js 15 project that will be published soon. Here is the link to the Next.js playlist: kzbin.info/aero/PL0Zuz27SZ-6Pk-QJIdGd1tGZEzy9RTgtj

[@IrfanAhmad-fj3eg]

@@DaveGrayTeachesCode Thanks for your reply. Since Next.js 14 has completely changed the structure, I am asking about the new version. I also have another question: as you mentioned in each video, you recommend ZTM courses. However, as I mentioned in my email, not everyone can afford ZTM. How can someone who can't afford it still follow and access ZTM courses?

[@soumadip_banerjee]

❤❤❤

[@hanzsintim]

I've tried every but each time I get to 16:07 I get global package has been deprecated

[@DaveGrayTeachesCode]

Yes, I get that right now, too. It still works though. That dependency is used by one of the other dependencies expo installs. I'm sure they will update the cause in the near future. Don't let this message stop you.

[@yeasinjabed3630]

I have one question for u , why not flutter ?

[@DaveGrayTeachesCode]

Good question. I work primarily with React and many on my channel have requested React Native. Nothing wrong with Flutter and some prefer it.

[@mohammadso71]

where is next js 14?We are wating.... thank you

[@DaveGrayTeachesCode]

Many, many Next.js 14 tutorials in my Next.js playlist.

[@mohammadso71]

@@DaveGrayTeachesCode Yes, that's right, I mean Zero to Hero next js 14 full course with real project .thank you dave you can .please we are wating...

[@Opyjoestudio]

Why the npm warn deprecated message?

[@DaveGrayTeachesCode]

It's based on something the expo framework is using. They will continue to update packages with new releases.

[@konstantechang2779]

Thank you Dave

[@DaveGrayTeachesCode]

You're welcome!

[@deepakjoshi3347]

I respect your dedication for content, but pls write proper title and everything correctly, this video's title and content feels different, as title says tutorial but the real content does even tell us about basic syntax of the react native. Its my point of view that this will greatly enhance your content's react.

[@DaveGrayTeachesCode]

This is the first video in a series. Before you can write lots of code you have to set up your development environment. By the end of the video you are set up, make an edit, see it on your mobile device and are ready for the next video where you start writing a project from scratch.

[@deepakjoshi3347]

@@DaveGrayTeachesCodeThanks for fast reply, I will follow this series ☺️.

[@kissslayyy]

I am using Ubuntu and I am getting expo not found

[@DaveGrayTeachesCode]

Linux is supported by Expo, but I have not tried it on Linux. Try Googling to see if others had a similar issue.

[@kissslayyy]

@@DaveGrayTeachesCode I fixed it by using yarn instead of npm

[@ban_droid]

i'm tired of someone making tutorial about React Native and then they use expo, like... literally, expo isn't giving you native api, especially when creating a new features in the app, always be "npm install", nothing native about that

[@DaveGrayTeachesCode]

I'm sure you can find what you are looking for somewhere. The docs recommend the Expo framework and the usage is common, so it is no surprise most tutorials take that path.

[@akoladebode-ajayi327]

Please the discord link

[@DaveGrayTeachesCode]

The Discord link is in the video description.

[@Gemax-hope]

❤❤❤🎉

[@wagnergauer9133]

I wanna thank you for putting out all these amazing tutorials, I've learned so much from you! Currently I'm trying to implement an authentication flow like the one from this tutorial you made: kzbin.info/www/bejne/pHqbgYyQg6unl8Usi=QmHkDtybeDuqVDvu Though I am struggling a lot, would really appreciate if in the future you also showed how to do that in react native

[@DaveGrayTeachesCode]

Thanks and good request! I didn't want to include auth in a beginners series, but I do plan to cover React Native auth in the future.

[@thomasbisson8523]

A lot of the comments seems to be from people who don't know how to code so I won't tell you to be faster, but at least put better anchor on your video. You could also explain why you are chosing expo, is there other frameworks, what is the point of using expo, ... And god can you talk faster or at least skip the obvious part of the tuto, we are dev, no need to explain every little thing like 'cd'. 20m to read a doc that I can do alone in 3m. So yeah sorry but that's a really bad review from me, worst tuto I've seens in a while, I was expecting someone to explain me how to code in RN, not to read a doc without doing anything more... I'll never check your channel again

[@Opyjoestudio]

Why the npm warn deprecated message?

[@DaveGrayTeachesCode]

I believe I mentioned in there somewhere it is due to what the expo starter project installs as dependencies. Nothing to worry about as you learn what I am covering.

[@Opyjoestudio]

@@DaveGrayTeachesCode thanks