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

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

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

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

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

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

[@david_83_]

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

[@SonnySangha]

Thank you so much!

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

[@HenriqueGraca]

Your energy is contagious!!! Great work

[@SonnySangha]

Thanks dude!!!

[@yassineel_ouazzani7242]

How can I open the simulator

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

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

[@msthetechguy]

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

[@fatihcamgoz]

You're killing it man, great tutorial!

[@kiliusz]

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

[@s-estii2754]

your amazing broo !! keep up the work !!

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

[@anonysmooth648]

I really appreciated this man, more blessings to come!

[@valentimgarcia6179]

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

[@nickpaz9113]

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

[@mikedelta658]

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

[@social_klauts]

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

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

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

[@ammarali8432]

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

[@eliecersmora5931]

Thanks a lot bro, amazing stuff here, its crazy

[@didibadibanga]

Great Work !!🔥

[@bladimirjuniorpelaezhernan6863]

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

[@augustocesar6281]

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

[@worldking1348]

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

[@GuilhermeSantos-fz9us]

the mannnn !!!! I am waiting for this amazing live !!

[@msalameh01]

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

[@yassineel_ouazzani7242]

How can I open the simulator

[@alashish]

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

[@moseskoroma6092]

Bro this incredible thanks 👍

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

[@uzersayed3530]

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

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

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

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

[@mdtauseefibrahim]

Amazing teaching style. Enjoy it.

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

[@saywutuwill]

you gotta breakdown notifications for us brooo 🔥🔥🔥

[@KadirMedia]

Sonny you are simply an inspirator !

[@sohailshaikh4549]

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

[@WizzyAlex]

You are the best yet

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

[@mohammadabdullah6917]

Wow😍 waiting man🎈🎈

[@khatariinsaan5284]

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

[@nthiwafelix7967]

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

[@SonnySangha]

#PAPAFAM energy!

[@fahadkabooroo7395]

Excited 🔥🔥🔥🔥🔥

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

[@madarinho404]

Best course ever thank you for your explanation

[@mddanishjamal7104]

Thank you Sonny for this🔥🔥

[@yamparalarahul]

Love it bro. Thankyou for making it

[@andrewsampson3451]

Thank you!! Much appreciated

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

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

[@Leon-yz7ki]

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

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

[@ChinazaDev]

Love This❤❤

[@Arabian_Abomination]

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

[@singhplayzz]

Damnnnn 🔥🔥🔥 this is going to blow up

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

[@qrdacoda9816]

thank you so much bro😃,your doing amazing work

[@deltamakuba]

Booom joining now from Nairobi kenya

[@anggitprayogo6436]

the most intent react native tutorial!!

[@stayinthepursuit8427]

thank you man!

[@gray5881]

🚀🚀 amazing stuff

[@Dudeman22able]

You are great man

[@alexngii753]

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

[@alfredogodoy2599]

You're really amazing.

[@CoolSuedePumas]

i love you. this is awesome. thanks! 🤜

[@Mhammouda02]

Thank you very much Papa, that's great🌹

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

[@wholesome8691]

so good thank you very much

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

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.

[@vishwasitprofessional]

Awesome content

[@kldude2674]

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

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

[@filip23128]

Thanks Sonny!

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

[@savage-qw4gk]

Dont add background music

[@sillasbernardodev]

Golden knowledge. May God forever bless your life.

[@CodeWithOgochukwu]

Wow! Amazing

[@atsglobalservices6136]

elite content. successfully completed the course, God bless you

[@OsmAnaa]

Does tailwind still work with you I tried to install the library but found out that it's no longer supported!!

[@camilocastrillon2030]

@@OsmAnaa Try with nativewind. That's now the autohrized package for react native

[@xarkdagor]

hey, what are the prerequisites of this course?

[@atsglobalservices6136]

@@xarkdagor An understanding of javascript, object manipulation, css styling, reactjs, hooks and Api data fetching

[@khatariinsaan5284]

03:26:00 Finally Completed this much in 2 days Awesome !

[@TheSimojamal]

do you have a solution to not being able to scroll all the way down in the scrollView?

[@khatariinsaan5284]

@@TheSimojamal Stay Updated with the documentation of Expo its Excellent

[@TheSimojamal]

@@khatariinsaan5284 I did

[@TheSimojamal]

It worked a little bit but only with the bottom notch staying

[@nicholasbazzoni7084]

Do you have a git hub link for this project ? I’m having trouble passing the profile to the message screen. ‘Can’t find messageDetails’

[@danimusbar]

you should deserve getting 1 million subs

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

[@udipsuri7861]

Awsome tutorial

[@88informa]

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

[@skbhati199]

Why you use in SafeAreaView Text red color 40:00 to ??

[@hamzasohail3646]

Qazi and you both are doing great job..keep it up Sonny Bhai ♥️

[@thaovimikri1076]

love the intro

[@juliastamborovski3104]

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

[@cricklightz]

Biggest fan of u Sir keep making react native clones plss😢😢

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

[@kiwigabroos9743]

My Next 14 hrs :D Hell Yeah

[@anilbabuchidirala8951]

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