📬Do you want DAILY coding problems sent DIRECTLY to your Inbox? (with solutions the next day) 👉 links.papareact.com/university
@vloggersofthesea9898 Жыл бұрын
hello sonny, i dont have any experience and knowledge in making app, can i learn about this one? do you have school? thanks
@muhammedhabib33888 ай бұрын
Pppp
@musa78017 ай бұрын
hello sunny, in this video shown only one tab get a ride, what about uber order food??. if it done please can share video link in reply please.
@user-tv6re4hw3i4 ай бұрын
@@musa7801 ط حطي يپلاؤغئع
@ahmedkhalil76dАй бұрын
i just dont wanna see your face
@adityakadam22563 жыл бұрын
This single video is equivalent to almost all the paid react-native courses. Thanks a lot, Sonny for sharing this and putting all your time to explain and create it so well :)
@nikolaimakarov30342 жыл бұрын
Were you able to implement google autocomplete using the google places API ?
@GanioviАй бұрын
@@nikolaimakarov3034 yes, if google key is activated should work
@alfaizrangrez91513 күн бұрын
You have goggle api key ? Can you help me@@nikolaimakarov3034
@tomodiero75242 жыл бұрын
If you are using the Android emulator to follow this tutorial you might have issues with the back button @3.02.57 ish. Evidently you could make two blunders. 1. Is to import {TouchableOpacity} from 'react-native-gesture-handler. The recommendation unless you know what you really wnat to do is to import it from import {TouchableOpacity } from 'react-native'. Once you have done that then using the absolute positioning may also cause the back button < chevron not to fire, in this case place the textbox before the TouchableOpacity component. This applies only for Android. The ecosystem is a little finicky especially with the expo wrapper, but for what you are getting it's well worth the few bumps in the road.
@samamistoso20682 жыл бұрын
I was stuck on this part so thank you very much for your advice 👍
@igiranezashalom61222 жыл бұрын
The solution also blocks navigation to NavigateCard.
@TheEliteBeats2 жыл бұрын
Thanks a lot bro! Didn't think the comment section would become the perfect stack overflow forum lol👍
@TheEliteBeats2 жыл бұрын
To fix the button placement you could also replace top-3 in the TouchableOpacity to bottom-2 and that should be perfect!
@tomodiero75242 жыл бұрын
@@TheEliteBeats it is a z-order issue for sure. I could have made that more clear, but didn't want to affect the look and feel too much
@iamzuhayrhasan28 күн бұрын
Today, I completed a basic Uber clone project, and it's amazing! I've added some extra features, including payment integration with Stripe, among other enhancements. A big thank you to Sonny for the fantastic guidance-keep up the great work! 👍
@AtifKhan-cm8qv3 жыл бұрын
For the ones who got the error of navSlice.origin is not a function: you probably put your reducer like this: export const navSlice = createSlice({ name: 'nav', initialState, reducer: { But when Sonny Sangha Copied his working file code and pasted it on the navSlice The reducer looks like this now: export const navSlice = createSlice({ name: 'nav', initialState, reducers: { There is gonna be an "s" after the reducer and on 3:02:53 the change there was the z-index: 50 on the style or z-50 for tailwind I hope i helped!
@TrickyRiddle01013 жыл бұрын
Thank you man!!
@omsun4563 жыл бұрын
The way he acknowledges donations is really awesome.
@gregormaric2 ай бұрын
This video is a game-changer! As an RPA Champion dedicated to teaching business process automation, I can't stress enough how important it is to build robust and scalable apps. Utilizing React Native, Navigation, Redux, Tailwind CSS, and Google Autocomplete together is a brilliant approach. It not only streamlines the development process but also ensures a seamless user experience. Kudos to the creator for breaking down complex concepts into actionable steps. For anyone looking to automate and optimize their business processes, mastering these tools is essential. Keep up the great work and let's keep pushing the boundaries of what's possible!
@SonnySanghaАй бұрын
Thank you so much!
@bleulejour2 жыл бұрын
The error stating that setOrigin is not a function is resolved by naming the reducers object inside navSlice as "reducers" with an "s" instead of "reducer". Thank you and keep it up 👍
@temiemmanuel35802 жыл бұрын
This comment went a very long way. Thanks a whole lot
@hiteshnalamwar27222 жыл бұрын
thanks)
@arielaugusto12 жыл бұрын
Thanks so much! You the best my man, had spent the last hour trying to debug this.
@KurtWeberkeb_wer2 жыл бұрын
You're a beast, thank you
@Dzikrullah_9992 жыл бұрын
this could be easily prevented by using Typescript. Since TS yell when you mistype param name
@shantanu2772 жыл бұрын
While trying to use Google API from India, it was not giving out any search results. I then created a different billing account and set the account country as US, now its working properly. Amazing approach you have, bro. You clear concepts so clearly. Im definetly more clear in RN because of you.
@divyanshihada3307 Жыл бұрын
Hey! I am facing the same problem can you tell what address did you mentioned while opting for different country?
@draysams2 жыл бұрын
At 3:03:05, if you are facing the issue where your back button is not clickable, the fix is to add change z-index of your back button. Add "z-50" to the tailwind styles of the back button
@adeell852 жыл бұрын
Thanks you have saved me tons of time there
@mohibkhan24923 жыл бұрын
Crazy Stuff Sonny please extend this build if you can like dashboard for drivers etc/
@erniemac213 жыл бұрын
Yeah that will be sick
@Cookies-cv3nd7 ай бұрын
Im 2 years late, but this is still an amazing and probably the best uber clone, not talking about how accurate the app looks like, i mean the instructions and the code functionality and the explanation on what to do and why, Love you Sonny, you're the best
@krys_gaming4766 ай бұрын
Hello, i'm amongs the very few that my code isn't running. Can i have uses because starting all over again will be too long
@Cookies-cv3nd6 ай бұрын
@@krys_gaming476 well what do you mean by your code isnt running? honestly that could be due to many things, its pretty hard to guess what went wrong, but if i have to guess. i'd guess you didnt get a google maps key properly which would lead to unexpected errors
@krys_gaming4766 ай бұрын
actually its the redux making my code not to funcion properly, everytime i Use the "Provider", it nshows me errors on expo go. Been sending the issues to AIs but all say theres no problem found @@Cookies-cv3nd
@andyb99903 жыл бұрын
Mailman delivering once again. Can't wait to try out React Native. Thanks for dropping all this knowledge.
@Chris-Munga3 ай бұрын
I have a react native app project that's bugging me, especially as a beginner. Your video is far better than anything I've come across! The explanations, the simplicity, the pauses to shout out your donors😅... Massive love from Kenya🇰🇪
@mr_ani3 жыл бұрын
At 1:59:25, what changed was in the createSlice object parameter, you were passing in "reducer" instead of "reducers" as an object property. It wasn't a refresh issue.
@umangshahi30733 жыл бұрын
Thanks
@malikmuhammadusman32213 жыл бұрын
Thank u so much i was struck there :)
@JonsonNcube3 жыл бұрын
Life SAVER!!!!!
@solyanamengistu68763 жыл бұрын
Thank you so much.😊
@yusefweb36933 жыл бұрын
thank you men i was searching for a while
@hTfvmGNrIZ2 жыл бұрын
love your energy and you have been 100x times more helpful than most of the react native content on youtube. thank you so much!
@flyte98443 жыл бұрын
THANKS !! ive been learning react native in the past 2 month and alot of my progress come from what i learned here !
@toinoudu383 ай бұрын
I know it is an old video, but for people that get the error: [TypeError: 0, _navSlice.setOrigin is not a function (it is undefined)]. There is actually a change : You resolve it by naming the reducers object inside navSlice as "reducers" with an "s" instead of "reducer".
@sanrupa12 жыл бұрын
1h:59':26" in navSlice, name,initialstate and "reducer"...reducer it's and needs to be changed by "reducers". it´s not only a refresh!
@RinatWOT2 жыл бұрын
thank you
@mukiibipeter073 жыл бұрын
I coded along and I'm finally done. Impressive :)
@raja41483 жыл бұрын
Giving hearts to all the comments, so nice of you man. Keep up the good work and give us more stuffs like these ❤️❤️
@camelcasesprogramming9923 жыл бұрын
Got to know react due to you a year ago and now I got my first client due to you ! keep making these builds man 🔥❤️ LOVE YOUR ENERGY🔥
@musweum67463 жыл бұрын
Here I am wishing you made this using flutter, I'm glad I know react too because you've seriously made me question my love for flutter. This is really Awesome!
@Pinocciochannel3 жыл бұрын
When sangha drops a video. First thing you do is drop a like and then continue. Remember this process is a must. Appreciate the free contents guys please.
@himurahn2 жыл бұрын
Around minute 36:00 you created de navSlice with the property "reducer", without the "s", that's why you got an error on minute 1:58:51. This is awesome, i hope to return the favor some time.
@PrabhjotSingh-xn1rs3 жыл бұрын
At first I thought ppl are donating to you, but then realized, no, they are donating to your knowledge and hardwork. Man is nothing without it
@SonnySangha3 жыл бұрын
I’m sorry what does this exactly mean?
@PrabhjotSingh-xn1rs3 жыл бұрын
@@SonnySangha its just that I was wondering that why ppl r donating so much, and, then I realised that they are giving money because the get something from you. Donations were for the knowledge u giving us,
@PrabhjotSingh-xn1rs3 жыл бұрын
@@SonnySangha and man i want to thanks too. I found ur tutorial exactly when I had a project with those functionalities required
@anuragsrigyan6773 жыл бұрын
You rock man!! 💥 I was gonna start learning Android Studio. But I think after react , React Native is the way to go.
@nyashamusanhu5413 жыл бұрын
I was waiting for this. I'm salivating...this is my moment!! You are the best....and you are changing lives!
@jimmyreynolds12343 жыл бұрын
Hello Sonny, Thank you so much for this awesome tutorial what an amazing build! I have implemented several builds from your channel and it is helping me out a lot. I just wanted to point out to you and everyone that the error that occurred @1:58:49 stating that setOrigin is not a function is resolved by naming the reducers object inside navSlice as "reducers" with an "s" instead of "reducer". Thank you and keep it up 👍
@cvxcfv3 жыл бұрын
Thanks for this, he just copied and pasted over the code to fix it instead of debugging lol
@kikombehome78733 жыл бұрын
I've just seen that difference (reducer - reducers) and came to the comments to see if someone else saw it lol
@des865322 жыл бұрын
thanks for your help, it took me lots of time lol
@thedeveloper98962 жыл бұрын
@@kikombehome7873 SAME
@henrybentil99152 жыл бұрын
thanks a lot. Came over to the comments to see if someone also realised it. Been stuck on this bug for hours . Thanks a million dude
@andrewpiszek2 жыл бұрын
I've finally been able to block out the time to fully watch this video and practice along. Thank you so much for sharing your knowledge. You are amazing at breaking down new topics and making them easy to understand.
@JohnSmith-me2wg2 жыл бұрын
Wow everyone here is really smart! I just stumbled upon this channel by mistake - bless you all!
@atharvavetal4533 жыл бұрын
This guys is god of many developers ❤️
@khanasfireza95152 жыл бұрын
I love how you explain and strucutre your projects, I really like to see them after my work hours or in my free time. Really educational. This time I tried to follow your tutorial, but changed some things instead of following you, added extra additional features and used mapbox instead of Google Maps, added authentication and a small backend. This is my first time working with react native. I learned a lot from your video also helped me understand lot more things at the same time. Respect brother
@kshitizbathwal75092 жыл бұрын
I havent watched these vdieos but can you tell me if they just code frontend or they include backend also?
@khanasfireza95152 жыл бұрын
@@kshitizbathwal7509 It's just frontend but some of his videos contain Firebase backend
@aimanhaziq43593 жыл бұрын
How can u smile while coding . u r awesome dude
@JamiePineappleWyatt2 ай бұрын
somehow last night, whilst asleep, youtube fed me along the algorithm to your videos, I woke up half way through this one to realise your incredibly helpful for my future endeavours, thankyou for your content and I cant wait to actually consume some and get some learning in!
@SonnySangha2 ай бұрын
This is awesome thank you so much I’m glad it helps you!!
@clamgts2 жыл бұрын
This stream is honestly so well done man, thank you for all your content this was so helpful for implementing a bunch of functionality in a similar app I'm building.
@shawngardiner26042 жыл бұрын
Just finished this build, this was awesome, and the best part of it for me was the debugging of the issues I encountered. Great learning tool for anyone.
@josemora72332 жыл бұрын
hey bro where can i find images like the uber car?
@mohammadazimkhamosh48634 ай бұрын
Thank you Sonny for this amazing course!
@faraonch2 жыл бұрын
As a Fullstack dev with quite a lot experience but no React Native, you helped me a lot with getting into React Native! Thanks. Went smooth from 0 to 100. You saved me days and weeks from creating my prototype!
@OnlyFam Жыл бұрын
I don't know much about coding but this dude's vibe is inspiring me to learn.
@fatihinci18583 жыл бұрын
Unfortunately, I realized that I cannot use a custom javascript core as I am using a standalone application with the expo. I'm sure some people will encounter the "Can't find variable Intl" failure message because it works with the expo in the android emulator. You can fix the problem with the following steps: yarn add intl import 'intl' import 'intl/locale-data/jsonp/en-GB'
@TariqAq2 жыл бұрын
You're the best!
@sourabhkashyap10403 жыл бұрын
Good stuff bro, I just completed whatsapp-2.0 build
@sergiolaguardia43292 жыл бұрын
Great video. But when you troubleshoot can you not paste your old code because you might not notice a change but for ppl following along it doesn’t fix the bug. For example, if you go to 1:59:32 on line 12 reducer is changed to reducers. Took me 30min to figure out. Lol. Really like your videos tho, good job and thanks for making them. 😃
@elliottheplum3963Ай бұрын
YEP i just figured that out right now lol, I am abit late unfortunately
@AlfaizRangrez-y2s13 күн бұрын
How many api use in this
@hiteshmishra213 жыл бұрын
Nice video sonny, i learned so much about react js. Sonny, please also make a video on how to make google lens clone( products recommendation by analysing photos).
@patrickkioko81912 жыл бұрын
Wow i like how you handle Map navigation , travel time and calculating amount and distance that's awesome ,,, keep up the good job,, to those who are looking for tutorials in relations to react native map navigation, this is the right video for you..
@felipemelendez5741 Жыл бұрын
By the way, this tutorial is fantastic, I'll be watching all of your tutorials from here on out, so just consider this a friendly observation for your student audience.... something did change when we the setOrigin is not a function error appeared (around 1:59:00), it was the spelling of reducer(s) in the navSlice file. Hope this helps, took me a bit to catch that
@Nicholasiz Жыл бұрын
Thank you! got stuck here for a bit
@user-mr9hq3zf1z Жыл бұрын
thank you so much! I was having a trouble with this one
@waleedbinaamer66293 жыл бұрын
Papa Fam for life ... So pumped for this you are really changing lifes thank you so so much Sonny ... Love from Pakistan
@sognosprite Жыл бұрын
I’m a 27 year old viewer logged into my girlfriends iPad, hella excited to be able to watch this!
@TheTalps Жыл бұрын
thanks sonny for the easiest react native lessons at 2:34:00 i had issue with the fitToSuppliedMarkers not being recognised i corrected it using ref = mapRef in mapViiew and adding useEffect(() => { if (!origin || !destination || !mapRef.current) {return;} // Zoom & fit to markers mapRef.current.fitToSuppliedMarkers(['origin', 'destination'], { edgePadding: { top: 150, right: 50, bottom: 50, left: 50 }, }); }, [origin, destination,mapRef]); ```` import { StyleSheet } from 'react-native'; import MapView, {Marker , PROVIDER_GOOGLE} from 'react-native-maps'; import tw from 'twrnc'; import { useSelector } from 'react-redux'; import { selectOrigin,selectDestination } from '../slices/navSlice'; import MapViewDirections from 'react-native-maps-directions'; import { GOOGLE_MAPS_APIKEY } from '@env'; import { useRef } from 'react'; import { useEffect } from 'react'; const Map = () => { const origin = useSelector(selectOrigin); const destination = useSelector(selectDestination); const mapRef = useRef(null); useEffect(() => { if (!origin || !destination || !mapRef.current) {return;} // Zoom & fit to markers mapRef.current.fitToSuppliedMarkers(['origin', 'destination'], { edgePadding: { top: 150, right: 50, bottom: 50, left: 50 }, }); }, [origin, destination,mapRef]); return ( ````
@musa78017 ай бұрын
Thanks bro I was stuck on zoom into fit map.
@gratefulderrick2 жыл бұрын
I like your recording setup and you're really pumped!! very captivating
@emilysmith767 Жыл бұрын
Thank you for sharing this right now; most students are interested in taxi booking app development for their college projects, and you are assisting them with this tutorial.
@Yobtuber9 ай бұрын
I like your format G! Nice Video and good vibes!
@leratolerata98113 жыл бұрын
Oooh Papa React I missed the stream but this is sick man.. Thanks man
@user-gd7zi1pk3w7 ай бұрын
This stream is honestly so well done man,
@TheDorac13 жыл бұрын
Content is amazing. Thank you! Production level tutorial projects are not common so I really appreciate your content.
@AtifKhan-cm8qv3 жыл бұрын
Dude this channel is SO UNDERRATED It should have like atleast 300k SUBS
@xderen_xd9 ай бұрын
God may bless you really, there is none course in udemy like this, you saved my life because I am founding my startup in the field of transportation and I need this kind of stuff and also straight to the point since as startup we don't have that much time
@HabeebNG2 жыл бұрын
Hi Sonny, I'm just 30 mins into this video, And i realize you bare super smart, with the way you explain, its almost as if you are the one who came up with the uber idea. definitely building this as soon as i get the fundamentals down.
@chiragsingla.3 жыл бұрын
you can disable opening of local host by pressing shift+d in expo cli
@SonnySangha3 жыл бұрын
YES!!!
@nitwaalebhaiya Жыл бұрын
1:59:16 Error is because of using 'reducer' at line 12. The correct word should be 'reducers' [extra s]
@omashtech3966Ай бұрын
@SonnySangha in your reducers at timestamp 1:59:48 the redux setup in navSlice.js line 12 is supposed to be 'reducers' not 'reducer' that was what changed
@dewaleolaoye3 жыл бұрын
No No No No, This is too good. When I hear you say Redux Toolkit, I'm like you nailed it, man. Thanks Sonny
@mayankkashyap79 Жыл бұрын
After watching your builds, development seems like a cakewalk. Keep it up sir, waiting for the video in which you use ML with Native App. ❤️❤️
@revanthrev233 жыл бұрын
Hey Sonny! Have learnt React from you. Have learnt NextJS from you. Would be wonderful if you can plan a new build using typescript.
@Asuuri3 жыл бұрын
Yeah TS would be amazing!🙌🏻
@NPawan_Kumar3 жыл бұрын
reducer changed to reducers at 1:59:29, for this error ( (0, _navSlice.setOrigin) is not a function.)
@MrSammzie Жыл бұрын
finally, i have been able to complete a build thanks to this tutorial! This has given me so much confidence as a beginner
@ryanpark35233 жыл бұрын
Hey Sonny~ your contents are always awesome!! Thanks for this great work !!!
@SonnySangha3 жыл бұрын
Thanks for tuning in dude!!!
@mudassirsyed86553 жыл бұрын
You are amazing bro. Father of React. Love from India.
@gerardomedellin4355 Жыл бұрын
Nice project I finished it today, adjusting everything to the current best practices. I hope that you can do more react-native in the future. Greetings from Mexico!
@oluwatobisamuel247 Жыл бұрын
Hi, Gerardo. Please how did you go about the navSlice file? did you copy what is on redux documentation? its different to what sonny did, maybe that is the latest one. Or you typed what is on sonny screen
@gerardomedellin4355 Жыл бұрын
@@oluwatobisamuel247 which part exactly? I think that part did not change at all, but let me know exactly where so i can help you
@oluwatobisamuel247 Жыл бұрын
@@gerardomedellin4355 @Gerardo Medellin thanks for your response Gerardo. I passed through that process. I'm currently having a blocker at the Navigation part. from min 1:15:00
@beastnighttv3 жыл бұрын
LOVE YOU SONNY YOU ARE THE BEST REACT TUTOR
@souhardyadutta_40193 жыл бұрын
We want more React-Native🥰🥰
@MuhammadBilal-cq6tp3 жыл бұрын
Hi sonny , hope you fine dear m you guys are so incredible . I was always in MAPS in React Native , and you solved this issue, May God bless you. Make some more awesome stuff like that
@whisky84963 жыл бұрын
Could you pleaseee share the playlist in your background? I love it! Edit: Missed the newsletter part. I've signed up for it! Thanks
@yuvrajagarkar89423 жыл бұрын
Bro this guy is giving all the cool jazz for free ?! All my support dude ✨
@kaunghtethein33223 жыл бұрын
thanks man. u made it seem so easy
@ahmeteneskececi60883 жыл бұрын
Incredible Tutorial. Thank you so much.
@hemant_san2 жыл бұрын
Best In Class, Sonny is Coding Rockstar
@nischaymehta30473 жыл бұрын
Best build indeed. Good stuff man.
@beastnighttv3 жыл бұрын
Sir I am an 13 Years Old Teen and has been following u from a lot ago. The problem is that i am not able to create a billing account as i dont have a credit card of my self. So.. can u pls tell me if i can create a billing account without credit card?
@SonnySangha3 жыл бұрын
In this case you’d need to ask your parents!
@goonlineentrepreneurs252711 ай бұрын
Happy for england! Just came back from a long Trip to england and more! Thanks Sonny Sangha Great energy! I am from Panamá! Oh Air BNB!
@arjunjoshi34813 жыл бұрын
Sonny, the beast. OMG, this build was epic
@MrEliyahilel3 жыл бұрын
Sonny you are amazing as always! Thanks for everything
@stevemackidd12493 жыл бұрын
This is an amazing build. Exactly what I needed! Btw, the setOrigin is not a function error at the 1:59:00 mark was tough to figure out. Took me forever to see that reducers was spelled wrong in createSlice(); LOL
@OmaraliasPuma3 жыл бұрын
Bro, I hope that you get rich and every wish come true hahahaha you saved me!
@treytiller58453 жыл бұрын
Thank god.... 2 days trying to find this. I knew it was a syntax problem, but COULD. NOT. FIND. IT.
@sampath.bandara3 жыл бұрын
saved me .. thankz D
@florianproksch17142 жыл бұрын
should be top comment
@henrybentil99152 жыл бұрын
Thanks a lot
@simonedwards7101 Жыл бұрын
Thanks Sonny - The real-world examples are a great motivator.
@drchocolate67063 жыл бұрын
Nice work! Very entertaining and helpful, greetings from Chile!
@JeremyAlpha2 жыл бұрын
This is exactly what I need thank you so much, you are a legend.
@soumeshkumar142 жыл бұрын
google Directions API require Google Maps Billing Account. I have already enabled billing on my account. How do I proceed Further?
@Gen3_media2 жыл бұрын
found 15 vulnerabilities (1 low, 4 moderate, 10 high) run `npm audit fix` to fix them, or `npm audit` for details
@agushaven2 жыл бұрын
Excellent work, thanks for taking the time, they are not short videos, and it takes a lot of effort on your part, there really is a lot of work behind it, greetings from Argentina.
@vaibhavbuccha27013 жыл бұрын
Getting error saying :- ```Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers.``` AND ```No reducer provided for key "nav"```
@arbabali6443 жыл бұрын
OMG PAPAFAM! The Great 💜
@Shalinity3 жыл бұрын
Damn this is so dope!!!💖💖
@estefanidavilaguerra20692 жыл бұрын
Hello, help me please, It doesn't work for me when I want to implement the mapviewdirections, as if it doesn't recognize it, but everything else executes, please help
@ZainulAbidin-pc7tq2 жыл бұрын
You rock man!! I was gonna start learning Android Studio. But I think after react , React Native is the way to go.
@aryanthakre43023 жыл бұрын
Crazy build!! Can u add some features like real time location tracking and driver dashboard
@hamza-topg2 жыл бұрын
sonnhy the goat most tallented developer ever. alhamdulileh
@jwhubert91 Жыл бұрын
Sonny I've done a few of your videos. They're always great. However it would be nice if you'd do a React Native video at some point that is just an hour long. Something simple to cover the basics of your preferred setup, then deployment and app store upload. Thanks for all the work you do 🙏
@SyedZainUlHasan3 жыл бұрын
Please upload in 1080 video quality. Thanks
@sciencegeeks13702 жыл бұрын
Wanted to learn react native, decided to go to the best channel to do so
@SLDanuma3 жыл бұрын
Hey sonny do a video about how to make a zoom clòud meeting web app.please