React Native Crash Course for Beginners - Build 4 Apps in 14 Hours (Redux, Tailwind + More) [2023]

[@SonnySangha]

📬Do you want DAILY coding problems sent DIRECTLY to your Inbox? (with solutions the next day) 👉 links.papareact.com/university

[@loginet1]

What VSCode extensions are you using for React Native?

[@bilalhussain3181]

When's the next sale of your course

[@MsShawlong]

This is the real youtube premium guys. There's no better courses then Sonny's courses. Thank's a lot man

[@SonnySangha]

Hell yeah dude thank you so much!!

[@mdtauseefibrahim]

Superb.Keep this amazing work.

[@captainlevi7344]

Lets appreciate this guy for doing this awesome project for completely FREE... I wish the font size were little bit larger so it's easy to see in smaller screen...

[@yassineel_ouazzani7242]

How can I open the simulator

[@titadone]

For everyone have issues with heroicons you need to change some icon name (SearchIcon is now MagnifyingGlassIcon) (AdjustmentsIcon is AdjustmentsVerticalIcon)

[@benbraendle1746]

And the LocationMarkerIcon is now MapPinIcon

[@brushboxai]

the real heros of this world

[@MonLes-xt7gc]

Real Hero

[@Dr-dyrane]

XIcon to XmarkIcon

[@Dr-dyrane]

import { SafeAreaView } from "react-native-safe-area-context";

[@cristianoSilvaDev]

THIS IS AMAZING, you are SAVING ME, i just switch carrer to became a developer and your tutorials are life-saving! KUDOS FROM BRAZIL!

[@akashsingh-pw2rn]

Ll

[@yassineel_ouazzani7242]

How can I open the simulator

[@ravijai6101]

Bro can v run this app on web instead of emulator?

[@xeclipse9720]

this is a fake comment, there're hundreds of you in the comment section. What the hell life saving anyway.

[@cristianoSilvaDev]

@@xeclipse9720 it's not fake, I learned a lot

[@jwhubert91]

@2:11:09 it's pretty bad practice to use Yarn and NPM at the same time. Then you're going to have 2 separate lock files that can conflict. Anyway with expo best practice is to use npx expo install to install dependencies as it handles the conflicts for you better than the other package managers within an Expo project.

[@komalrajoriya7959]

I eventually reached this conclusion after 3 days of cussing on errors.

[@luckysolanki9440]

Don't worry, just use yarn install , and delete the lock file of npm and keep yarn one

[@PattySpicy]

I love your CRASH COURSE SERIES (React 101, React Native, React & Next js ) These are the best Full stack React development learning paths for all levels !!

[@yassineel_ouazzani7242]

How can I open the simulator

[@sukhmanpreetsingh1525]

@@yassineel_ouazzani7242 Click Open

[@shanemarchan658]

hey guys, you can use native wind instead of the variable for tailwind styles. gives the ability to use just className as usual

[@susmitadey6735]

Not working for me bro

[@sebprentice8979]

For those doing this now who had errors when using the hero icons in the deliveroo clone, SearchIcon -> MagnifiyingGlassIcon AdjustmentsIcon -> AdjustmentsVerticalIcon LocationIcon -> MapPinIcon

[@abdurrahmanjr47_tekkenStuff]

I also have errors while adding hero icons

[@abdurrahmanjr47_tekkenStuff]

Brother I just solved the problem, remove react-native-svg directory from node modules directory and run this command in terminal "npx expo install react-native-svg". It worked for me.

[@sebprentice8979]

@@abdurrahmanjr47_tekkenStuff whatever you do, DO NOT RUN npm install inside of your /sanity folder. it broke my whole directory and i had to restart

[@MonLes-xt7gc]

@@abdurrahmanjr47_tekkenStuffThank you. It works 👍👍👍👍👍👍👍👍

[@sfuperman56]

@@abdurrahmanjr47_tekkenStuff After 2 hours of trying everything this fixed for me, you are a life saver!

[@randomsVlogs871]

You changed my life I got remote job in the US thank you sonny😊❤️

[@ujjwalpathak2640]

Hey can we have a talk about how you were able to get a remote job in the US?

[@TheSaviomb]

For the next people who are having problems when placing the "flex-1" and the button is not going to the end, change the "Text" beneath the SafeAreaView for "View" that way it works

[@manhthuongdo2012]

Thanks bro

[@kevintran1488]

My saviour

[@susmitadey6735]

Not working for me bro

[@ibrahimmusabeh6082]

Thank you so much bro, its working even after 8month

[@himynameishonza]

Awesome work! Unfortunately there are so many deprecated packages used in this video, that it is not very helpful for beginners.

[@featherozone]

I'm following along with the uber clone and so far the packages are all well-maintained. Do you ahppen to remember which projects or packages you struggled with? Using so many external packages for a demo definitely makes it's shelf life shorter.

[@chandankumarm2898]

what about deliveroo ? how to add data to our sanity database @@featherozone

[@msthetechguy]

I learned reactjs from you on skillshare and now after a year I came back for react native. Love your teaching ♥

[@david_83_]

Such an amazing tutorial, thank you for all of this Sonny !

[@SonnySangha]

Thank you so much!

[@realtech9944]

Reminding my self watching and coding is totally different from coding with no reference. IF I am gonna do this, I will have to first Watch and code , then code it by myself, I came across this while trying to find out how to setup a nice layout on the second app im working on, which is a todo style app... hmm I am not sure what to do myself, for me 14hrs can expanded into sort of 1 app per month sort of thing..but i really love these apps

[@deividcuello3623]

Hey Sonny, how do you learn so many technologies and make all the clones you make of web and mobile apps? Do you watch videos, whether they are free or paid or do you just read documentation and articles and start practicing? what are your resources to learn everything you know like next.js, node, etc...?

[@HaHa-gy5vg]

I have made 7 figures in my time as a software engineer, this is the only video on yt worth a damn if you are looking to become a pro.

[@lukeBalmar]

Sonny, I know you usually focus on things related to React for various reasons, such as your brand and other considerations. However, could you please consider doing just one video on Flutter, similar to this one?

[@Astriosa_tutor_plus]

Wow!!!!!🙉🙉 this is Amazing. You have made me change Carrier. Thank you so much. You are A Saviour

[@ammarali8432]

Thank a lot for the way you teach us I was able to get my first job as react native developer.

[@valentimgarcia6179]

The fact that we are getting this content for free is just amazing! Thank you so much Papa!!!

[@hamzaidris7811]

Hi guys, first of all I want to thank Sonny for his great effort to put this tutorial on line, secondly can I ask is it only me or anybody else has the flex-1 is not working,

[@krishnamsettijayakrishnava3010]

Yes it is not worked for me bro even for many tries. So I removed tailwind css and writing code in normal CSS. For normal CSS with style property it is working fine.

[@worldking1348]

This course is the best in the planet, earth, mars, month, and in the WORLD bro. Thanks much. Thanks from UZBEKISTAN

[@HenriqueGraca]

Your energy is contagious!!! Great work

[@SonnySangha]

Thanks dude!!!

[@yassineel_ouazzani7242]

How can I open the simulator

[@PhilipBedi]

Just started and here is what I come across SearchIcon and AdjustmentsIcon were not in the library but herxe what worked for me import { UserIcon, ChevronDownIcon, MagnifyingGlassIcon, AdjustmentsVerticalIcon } from "react-native-heroicons/outline" Play time 43:00

[@sebastianmb88]

thanks a lot from Colombia, Its a dream Bulding a app like ubber, its amazing each step since Front UI until connect to api service, Im really happy

[@SonnySangha]

You’re welcome!!!

[@drdrej78]

Awesome video man; best coding tutorial for sure... love the no bullshit straight to the point pace. Hopefully I can be as good as you one day!!

[@SonnySangha]

Thank you so much dude!!!

[@benjaminko7812]

Oh my god! So detailed and so helpful! I wish I could see this thing before I jump into React Native with an official document.

[@bladimirjuniorpelaezhernan6863]

Grettings from Colombia friend, I'm very excited to learn react-native. thanks to you my brother.

[@mikedelta658]

Finally, I found you man! Let me learn NOW!

[@pearce0101]

I believe that this is the best React Native crash course on the planet earth, Dude! 🌍🚀🚀 Thanks a lot for making this amazing content, Sonny 💖💖💖

[@khalilbugti4079]

I looking for react native job some one please suggest is highly appreciated

[@khatariinsaan5284]

Exactly

[@yassineel_ouazzani7242]

How can I open the simulator

[@khatariinsaan5284]

@@yassineel_ouazzani7242 Watch any KZbin Video

[@zakuguriin4521]

I am tempted to join up. I recently graduated from Epicodus, but I want to take my coding knowledge even further beyond.

[@SonnySangha]

Come just us inside the PAPAFAM!! Visit us at www.papareact.com

[@nickpaz9113]

You're amazing thanks bro can't wait to check this out!

[@augustocesar6281]

That´s why this is the best channel on KZbin.

[@user-pw2jp8yo3b]

Issue with SafeAreaView on some device... You should do as stated below instead. import { SafeAreaView } from 'react-native-safe-area-context'

[@MonLes-xt7gc]

Tha!! 🐱‍🚀🐱‍🚀

[@anonysmooth648]

I really appreciated this man, more blessings to come!

[@kiliusz]

bruh... so much great content for free... Keep it up and thank you

[@Leon-yz7ki]

Love your content. 💛 Just the music is getting in the way and drags focus away from the coding.

[@eliecersmora5931]

Thanks a lot bro, amazing stuff here, its crazy

[@fatihcamgoz]

You're killing it man, great tutorial!

[@NaveenKolambage]

Hey Sonny, I was going crazy before you pointed out the wrap was a mistake at 50. minutes...it pays to watch the tutorial till the end lol :)

[@zwelimdlalose1059]

Such an informative tutorial, i appreciate the time spent on teaching and im learning alot but the music is such a distraction for me

Amazing content!! I just finished the four apps, the order Sonny put the four videos into this one was great because many things presented on the signal app tutorial don't work exactly the way Sonny put it on the video because of depreceated libraries and different versions, however, its possible to adapt using the material from tinder's tutorial. I did not finished in 14 hours because my lack of experience and trying to fix the most variable bugs that emerged in the way, but i'm really pleased with the results!! If i had the conditions i would totally subscribe to papafam courses, 'cause if the content is so amazing for free, imagine what he presents on the paid courses! If you guys are just starting such as me, don't give up, the result is amazing! Good luck and fortune to you all!!

[@etienne971]

Hello, I hope you are doing well. how did you figure to make the firebase part to work (in the tinder clone) ? Now we are obligated to use auth-session library because of the expo-google-app-auth being deprecated, does it work the same ? + I am unable to generate the fingerprint.

@@etienne971 Hey Etienne, I still used the expo-google-app-auth when I was making the apps. Although I did some research and using expo-auth-session seems a little different, instead of using await Google.logInAsync you will have to use the promptAsync() to make the authentication go through. I haven't tried it yet, but I will see if I can try to make using expo-auth-session this week and if i'm succeed I come back here to tell you how the code needs to be. My firebase db from that project already expired, so I'll need to create another one :/

[@etienne971]

@ Hello Jéssica, thank you very much for your answer, It's really nice to see a community willing to help strangers. I will make my research concerning your solution and I'll tell you if I'm successful.

[@griffinkirkland9087]

Jéssica Anecí was this tutorial a Livestream?

@@griffinkirkland9087 I believe it was multiple livestreams that he put together in one video. But i'm not sure.

[@sohailshaikh4549]

This man and his videos are amazing Love from INDIA ❤️

[@alashish]

Thanks man it solved lots of my issues with react native👍

[@alexngii753]

Honestly, I am loving this course..🥰🥰🥰🥰

[@s-estii2754]

your amazing broo !! keep up the work !!

[@Arabian_Abomination]

Thanks Sonny, I can't wait for the next 5 day challenge

[@saywutuwill]

you gotta breakdown notifications for us brooo 🔥🔥🔥

[@msalameh01]

excellent projects, excellent explanation, one of the best. many thanks.

[@yassineel_ouazzani7242]

How can I open the simulator

[@88informa]

Awsome work brother, do you do react native with typescript Tutorials or CRASH COURSES?

[@mdtauseefibrahim]

Amazing teaching style. Enjoy it.

[@moseskoroma6092]

Bro this incredible thanks 👍

[@omotolaodumosu6807]

Nice one sunny 👏👍 I finally made it to the end of this video 😁😁😎😊.... I'm delighted with myself right now

[@SonnySangha]

Well done!!! Great job💯🔥

[@uzersayed3530]

No one's better than Sonny, thanks a lot 💪

[@fdkd110]

i am excited to learn this course and really make apps without even knowing how react works.. yup lets do it

[@SonnySangha]

You are very cool. Very cool indeed.

[@fdkd110]

Thanks for the motivation.

[@jwhubert91]

@2:09:00 Not sure what the benefit of currency formatter is over just a element. Especially with all the compatibility wrangling. I couldn't get the package to work for me any way I installed it. So I just popped the price prop into a Text component

[@kldude2674]

Now I'm in crush with react- native crash course. Thanks sony for the pump up. 😊❤

[@ilyaselmalikilive-j2f]

Best course ever thank you for your explanation

[@nthiwafelix7967]

Thanks big time man. Once I start earning I'll repay.

[@SonnySangha]

#PAPAFAM energy!

[@loginet1]

Thank you for the tutorials. amazing job! One question: why are you using Redux on 2 of 4 projects? Why not in any project?

[@usmanmarkaz]

are you complete one of project that is build in this video?????

[@hembromjohn]

Java or React Native? Which one is capable to make a complex but robust app with faster performance ? It will use various API call and services. Kindly help!

[@navishshanbog4022]

for people who are still facing issue with img in categorycard.js .. make sure you have updated the tailwind.config.js file i,e update the content array with the components folder content: ["./App.{js,jsx,ts,tsx}", "./screens/**/*.{js,jsx,ts,tsx}", "./components/**/*.{js,jsx,ts,tsx}"],

[@sillasbernardodev]

Golden knowledge. May God forever bless your life.

[@hariommg4053]

will the app work without fetching the android hashes. I am facing a build fail and not sure how to solve it. Btw great content dude love ur videos. Keep Going🙂

[@god_drop]

14 hours??? I already need about 5hours to finish a 1-2 hour long crashcourse

[@rethinkprompt]

that's very normal

[@codhoo_]

The best comment yet 😂

[@ayoife3482]

Swears 😂😂

[@Sal-bm4mw]

I take even more time 😂

[@bushrashaeen3840]

Ri

[@integriq]

Please make your vscode font bigger next time.

[@okechukwuuchenna7725]

Thanks alot Sonny for this rare video, can you please share the repo link?

[@andrewsampson3451]

Thank you!! Much appreciated

[@oyewolesheddrack3642]

Thanks for the tutorial boss, Place how can one add stops on the uber app i.e how to add more than two destinations

[@elliottburnett6606]

Thanks for this Sonny, but I really think the new NativeWind bugs a lot of this tutorial out a lot, I could be implanting wrong to be honest, but following all steps I keep getting rendering issues or the tailwind not working properly on my components. Again though, you've taught me so much!!! Cheers

[@DevThought]

The package has been deprecated for some reason.

[@qrdacoda9816]

thank you so much bro😃,your doing amazing work

[@juliastamborovski3104]

11:47:57 / 14:13:54 StatusBar :

[@Mhammouda02]

Thank you very much Papa, that's great🌹

[@khatariinsaan5284]

This video should get Millions of Views for providing such a Great Tutorial with Real Life Projects ! A big thanks from India

[@CodeWithOgochukwu]

Wow! Amazing

[@mariyananjelo2948]

Can you please create a video for "React Native expo" with "Sanity V3", even a small connectivity check is enough.

[@b40i4]

I downloaded this video to play it with 3x speed with VLC, because I was ordered to finish task in 8h (watching, listening in background and doing at same time xD) that requires more knowledge that was there to do my daily, and I hadn't done anything else than python backend, and C++/Qt stuff before. So dudes, be careful if the startup guys says that you should believe in yourself and they believe in you and can even employ you. LOL

[@msthetechguy]

You know what. I never really watched any tutorial fully. I just pause it in middle and never come back or end it before starting. And also in every tutorial i watch it at 2x speed. But this bro its getting my hopes up. I never got much excited this much to watch a tutorial man. More excitement and curiosity than watching a movie or series etc. I will watch it to the end i swear 🔥🔥🔥🔥🔥

[@jwhubert91]

At 25:50 when you realize module.exports in tailwind.config.js didn't have the App file couldn't you have just added a line that picks up App.js as well? Something like putting "./App.{js,jsx,ts,tsx}", before the folders

[@abhayrohit]

Right in time, I'm currently working on a bus tracking app, our issues our a bit hard we can't use live google apis as that'll escalate costs real fast, so we're just saving up everything on our servers, found really great tips in the uber app, oh and disabling the loading state inside a finally statement instead of separately in try and catch, i never thought of that great tip

[@ПавелКардаш-м2щ]

In the addToBasketClickHandler and removeToBasketClickHandler in Basket reducer, you can change the state directly. This is a toolkit and you can add to the state by pushing and removing it without a copy of the state

[@shakt77]

Would you elaborate on this?

[@ПавелКардаш-м2щ]

@@shakt77 n the toolkit, you can change the state mutably, in order to change the property in the object, you can change it directly, without first making a copy of the entire object

[@shakt77]

Sorry I should have asked if you had code examples of what you suggested

[@tyron-n5k]

hi bro nice content. Thanks for taking som time out to teach us. But some of the stuff at the beginning are deprecated. Can you update this tutorial?

[@stayinthepursuit8427]

thank you man!

[@savage-qw4gk]

Dont add background music

[@yamparalarahul]

Love it bro. Thankyou for making it

[@filip23128]

Thanks Sonny!

[@kongarasan0455]

All Good bro but Please turn down the background music. So that we can hear you better

[@user-gnwolmgkqpcn15829]

How can you keep your energy in such a powerful level? I am so curious on that. Thank you!

[@anggitprayogo6436]

the most intent react native tutorial!!

[@WizzyAlex]

You are the best yet

[@TamerElrazaq]

Really appreciated content. Where can we find the Gihub repos?

[@wholesome8691]

so good thank you very much

[@DevBishwasBh]

Please make a video on Sails Js. Sails Js seems to be highly productive for solo developers.

[@anilbabuchidirala8951]

Cheers! I liked and Subscribed your video once the HomeScreen Text became Red!!!

[@vishwasitprofessional]

Awesome content

[@didibadibanga]

Great Work !!🔥

[@ghulammurtaza7959]

What do you think about Flutter comparing with React Native?

[@tobireiter3431]

Thanks for this tutorial, it is helping me a lot. I have a problem with the Tinder Clone. At 7:44:00 i did everything like you did but now i am getting this error: The method or property expo-app-auth.authAsync is not available on ios, are you sure you've linked all the native dependencies properly? I really hope you can help me

[@TheGenZMotivation]

Sony I really love your tutorial and am still watching it but am unable to dawnload the android emulator and simulator