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 :)
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.
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! 👍
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!
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!
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 👍
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.
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
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_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
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
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🇰🇪
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.
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".
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!
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.
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.
@@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,
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 👍
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.
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
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!
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.
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.
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!
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'
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. 😃
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).
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..
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
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.
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
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.
@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
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!
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 @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
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
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?
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
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.
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"```
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
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 🙏