Create an App with React Native

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

[@bhutienockmalapane1724]

you are my master, i just saw your series yesterday and followed lesson 01, it was so awesome. today i continued with lesson-2 . i'm a beginner in coding, if you can show how to open a new window in vscode using the same project name in lesson-2 and also show how to find images. truth is i like your style of teaching you are the best

[@zabantak]

Thank you so much Dave . I remember last year I asked you about wether it's better to learn react native or flutter and you recommend me to choose react native also you promised me to share tutorials about react natives on your channel in one year . And I'm thankful for that🎉🎉🎉as I said before you are the only perfectionist here between software engineers

[@avgguy7129]

Regarding icon loading at 21:00, we can also shake the device directly after saving the newly written icon and it appeared. This is working as of Nov 2024. Thank you so much for the tutorial series as well.

[@ryansatriayudha]

This is the best React Native video I have ever watch so far since the first time I study mobile software development. Thank you very much for making and uploading this video.

[@DaveGrayTeachesCode]

@@ryansatriayudha You're very welcome!

[@gielmarbandoy9039]

This course helps me understand React Native Framework. Thanks a lot ! I will finish this course from your tutorial. Might watch also your other tutorials.

[@webdesignsbytom]

really great video, explains everything without overloading you

[@akaabdullah]

just watching your channel and was looking for the next video suddenly notification came about your video

[@DaveGrayTeachesCode]

Perfect timing! I plan to release a new chapter every Friday.

[@IsuruKarunaratna]

this is exactly what i searched for. thank you soo much ❤

[@DaveGrayTeachesCode]

You're welcome!

[@oladapooluwadurotimi2865]

Well done sir❤.

[@DaveGrayTeachesCode]

Thank you!

[@susanodii5404]

Thank you Dave

[@akintobby]

Wow finally. Here to learn something new 😊. Well done sir🙏

[@DaveGrayTeachesCode]

@@akintobby glad you're here!

[@possserboy7500]

holy this is incredibly valuable

[@danushkap]

Thank you so very much Dave. You are the best 🎉

[@DaveGrayTeachesCode]

You're welcome!

[@shresthjindal6607]

sir waiting for your new video for react native course and it was really very very nice to learn with from and it make me too easy to understand this

[@DaveGrayTeachesCode]

@@shresthjindal6607 glad to hear that!

[@aymenbachiri-yh2hd]

thanks dave

[@DaveGrayTeachesCode]

You're welcome!

[@desmondleonard9554]

Hey! I don't understand how you have enabled dark mode for your version. I looked back at your previous video but couldn't find you mentioning it. How do you do it? Great lessons by the way :)

[@darkknight-qg4vg]

very good. nice i happy next waiting you videos 😁

[@DaveGrayTeachesCode]

More to come!

[@darkknight-qg4vg]

@@DaveGrayTeachesCode thank u master

[@tetyanagon3342]

TY so much!

[@DaveGrayTeachesCode]

You're welcome!

[@jasonrodgers5533]

Seems like my app.json expo didn't come with a splash configuration. I had to add it. When I added it, the splash screen was still the same.

[@praneethkumargummadi3018]

i'm unable to see slash screen and icon. what i did wrong please guide me

[@Mjfmjfmjfg]

how did u get that page at 7:23

[@RahulBisht_001]

Hey Dave can you start Unit Testing and integration testing or even AWS cloud. Any one of them 😢😢

[@DaveGrayTeachesCode]

I have some videos on unit testing with React Testing Library. 🙂

[@ace-bece]

Hi Dave, pls can you use Vanilla Javascripts code to create Apps using React Native?

[@DaveGrayTeachesCode]

Vanilla JS is what the React Native library is built upon. Same for React. You do write JavaScript when working with React and React Native. The React Native library and Expo framework provide built-in tools that help you build native mobile apps.

[@ace-bece]

@@DaveGrayTeachesCode Thanks. Am a new developer now learning Vanilla JS. So wanna know if i could use my knowledge in Vanilla JS to create mobile Apps in React Native. Because it will take me some time to learn React JS.

[@VaibhavNaik26]

Could you please create a video on how to convert this React Native app into an APK for Android and IPA for iOS?

[@DaveGrayTeachesCode]

In the last chapter of this course 😀

[@javascriptexpanse]

I appreciate your effort Dave. Kindly use Nativewind for styling. Also can you make the videos 30mins minimum and instead of waiting for the whole week for the next video please make it 2-3 days. Thanks

[@DaveGrayTeachesCode]

Thanks for the requests. I plan to mention Nativewind later, but I wanted to keep the entry level requirements as low as possible on this series. No familiarity with tailwinds needed. I have a full-time job and other responsibilities so I'm afraid one per week is as fast as this series will be published. I always go with the content instead of a set time. Some may be longer some may be shorter. Thanks again 🙌

[@disappointedkermit1498]

Those are too many requests at once, my dude. The man is giving something, that others would pay for money to get. So try to keep the requests at minimum, especially the ones that intrude his upload schedule.

[@konstantechang2779]

thank you Dave

[@DaveGrayTeachesCode]

You're welcome!

[@bhend1]

I tried changing the splash and it didn't work for me. But when i changed the App icon, the splash changed along with it. Also my app.json does not have a "splash" key, instead it is mentioned below in plugins. { "expo": { "name": "chaiApp", "slug": "chaiApp", "version": "1.0.0", "orientation": "portrait", "icon": "./assets/images/icon.png", "scheme": "myapp", "userInterfaceStyle": "automatic", "newArchEnabled": true, "ios": { "supportsTablet": true }, "android": { "adaptiveIcon": { "foregroundImage": "./assets/images/adaptive-icon.png", "backgroundColor": "#ffffff" } }, "web": { "bundler": "metro", "output": "static", "favicon": "./assets/images/favicon.png" }, "plugins": [ "expo-router", [ "expo-splash-screen", { "image": "./assets/images/splash-icon.png", "imageWidth": 200, "resizeMode": "contain", "backgroundColor": "#ffffff" } ] ], "experiments": { "typedRoutes": true } } } I tried changing the splash-icon, but it didnt work. Is there a fix for it? Thank You