🔴 Let's build a Deliveroo Clone with REACT NATIVE! (Navigation, Redux, Tailwind CSS & Sanity.io, TS)

[@SonnySangha]

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

[@user-gl1sl8ro4w]

В Ж Х В Жв В В Й ххххжэ❤ц❤уу ууу 😂м❤иии иу. 😂😂😢😢чу😅😂 ц

[@cipotusoa]

Why?

[@programmermaureen7201]

This was my first React Native Project and I built it, and it turned out so cool, thanks Sonny for this amazing project

[@andrewnguyen2234]

I am trying to learn React Native, do I just download the source code and follow him?

[@programmermaureen7201]

@@andrewnguyen2234 You don't need to download the code, you can follow along and understand the code by web searching and yeah sonny explains it so well...

[@khatariinsaan5284]

I also completed in 2 day step by step by learing the concepts ! It's Great !!

[@laughingspunk9137]

From where can I have the data which he has used ?

[@programmermaureen7201]

@@laughingspunk9137 bro you can make your data yourself in sanity studio you just need to create documents and put in the suitable data.

[@AbiNephilim]

Incredible stream! Took me 5 days to follow this and code up my version of this project, I decided to use Typescript to get some experience with it - I'm a dev coming from a PHP / Laravel background with HTML, CSS and vanilla JS experience so this was my first time using React Native, Redux, Typescript, Tailwind and Sanity, and I have certainly learned alot. Next step is updating my version of this project to polish it abit more and make it different so I can add it to my portfolio. Thank you so much Sonny for this content! I've got a complete custom mobile app idea I've been meaning to get to so following this project has helped me learn immensely.

[@khalilaliouich8246]

Hello, What was the backend used language here please?

[@anuragpramanik6095]

I really enjoy this channel's content on React Native - it's all based on real-life projects! Keep up the great work bro!

[@rreay724]

just a heads up, tailwind react-native isn't supported anymore and is now nativewind. Super easy to install and works exactly the same. Only real difference I saw is that you don't need the TailwindProvider.

[@BARHAMMUSIC007]

yes i searched for not find tailwindcss-react vhange to nativewind

[@boxjellyfish8045]

Why classnames are not working in react native

[@victoriaoflagos2281]

You saved my life 🙏🏼 Been struggling with this

[@bharatmahendragowda7662]

​@BARHAMMUSIC007

[@bharatmahendragowda7662]

​

[@correctcode367]

Your builds always help me a lot to improve my coding skills in react, Dude. 🚀🚀 Thanks a lot, Sonny 🌷

[@lokindradangi]

if your device is andriod then safeAreaview from react-native not gone work so import import { SafeAreaView } from 'react-native-safe-area-context'

[@ratnakarmishra623]

Bhai safeAreaView not work android. So iska koi solutions do🙏🙏🙏

[@hooyah]

thanks. its work for me.

[@devdanny4926]

To target both devices... import { SafeAreaView } from "react-native"; you can use this: const styles = StyleSheet.create({ AndroidSafeArea: { paddingTop: Platform.OS === "android" ? StatusBar.currentHeight : 0, }, }); 😊😋 This works like charm!

[@devdanny4926]

UPDATE - import { SafeAreaView StatusBar, StyleSheet Platform, } from "react-native";

[@ratnakarmishra623]

@@devdanny4926 bro flex-1 is not working. So this problem solution please 🙏🙏🙏

[@DeniseNelson1]

Sonny! I miss joining you every week. The time difference makes it’s hard to catch you live but I want to thank you for continuing to make things easier to understand. I appreciate you and your hard work!

[@muhammadtayyab2366]

Dissenters the government divided Jack and smartphone oak dialysis patients did k jam sloop is discard

[@aisteinlaw1558]

I learnt a lot of things in this video! Thanks to Sonny and Jay!

[@wolfheart4563]

lol, i put on a youtube playlist for an essay, then when i woke up i have been hearing computer coding.

[@skilla10101]

Sonny wowwww lets finish this app bro. LETS GOOOO.

[@dfordemo981]

واہ سواد آگیا، بہت اعلٰی برو 😊👍👍

[@devdanny4926]

If you agree that this is the best channel to learn reactNative in 2022 Gather here let's take some selfie😄😄😄

[@EktaAnkitni]

May the diyas light lead you onto the road of growth and prosperity. Happy Diwali!

[@cinturonnegro1263]

Hey bro! finally finished this app, hope this help me to get a better job! thanks man, i really appreciate this, keep working this way

[@subhasishnathdev]

Great job. One question, how are you showcasing it?

[@nicholasbazzoni7084]

half way through this absolute blast cheers from brooklyn. love your show man!

[@hasanhafiz]

You are just changing the tutorial culture. Huge respect ✊

[@diegodominguez6768]

Just finished this project! Thanks Sonny 👑

[@priyanshupandey3148]

How did you get the sanity data ?

[@priyanshupandey3148]

But how to get the sanity contents same as he has in his build?

[@tl6359]

How did you get the increment button on dishes in dishrow to reflect or update the number onPress

[@Zack-oy2tz]

I feel like I need to smash the like Button 1000 times

[@patrickkioko8191]

looking forward to try sanity. And i dont know how i missed reminder for this yet i had subscribed !!!!!!

[@adi9781]

The OG is back!

[@sohrabhossain9905]

Really loved your project and explanation ❤

[@JM-cf8zy]

Would love a quick tutorial on FLEX-ROW, FLEX-1 ETC and how it correlates and works with a phone, most tutorials on the net are regarding HTML SITES etc. Its like one of the only things your videos confuse me with as i feel its not explained properly.

[@yusufguner6198]

Guys can you help me how we filled the backend at sanity. I think ı missed the part where we filled our sanity restaurants , dishes , featured , categories . How can ı implement it to my own sanit studio. Or if he published his own sanity How can ı access to those sanity data and implement it to my own project.

[@zeroclp4503]

Just finished this app, amazing work Sunny, I guess this was a pretty good way to start with react-native. LOVE THE ENERGY.

[@safwanebahho4805]

Hi bro did you use the same image that sonny use if yes told how did you get him and thanks

[@Zero-nw4hc]

Give the code

[@Zero-nw4hc]

Do you have source code?

[@joscript7846]

Cool Am still practicing with the medium clone

[@franciscojaviergonzalezsan2367]

Just finished the app. Amazing tutorial! Thank you Sonny!

[@oyesaurabh]

Can you please provide me with the source code or something, just for reference?

[@JoshuaMusau]

YOU'RE A F*CKIN GENIUS. I totally love your channel.

[@jamesvaughanllewellyn1315]

You are amazing Sonnny😁

[@uchechris7822]

I’m having issues with the “sanity cord add” line it’s not working can anyone help?

[@SteeveDIm]

OMG Bro you're the best coder on YT 🔥🔥🔥

[@calebcadainoo]

Completed build

[@ivity2353]

Hello bro. How you fixed this error: ReferenceError: Can't find variable: results You see this error n the 3:00:40 help me please.

[@briancornielle2991]

Totally completed. Thank you so much for this!!

[@hamadurrehman7830]

File mean the whole project file

[@prashantkumarsingh689]

Hey Sonny always do start with this music its just awesome

[@godfreyndiritu9062]

You're simply the best Sonny

[@RahulSharma-ke7wg]

i just love this channel.whenever i come here

[@jamesvongampai5592]

I made it to the point where Sonny took pre workout! wooooo

[@SonnySangha]

🤣🤣🤣

[@omerakkoca8263]

Thanks for the tutorial Sonny

[@universecode1101]

It was great Sonny 👏🏻 In my experience switching from React to React Native, it's a little weird every time 😝 Cool project

[@therevealmusic]

yoo i see you in programming channels lets ggggggggggggggggggggooooooooooo

[@ivity2353]

Hola! Cómo resolviste el error "can't find variable results"? 3:00:40 es donde aparece este error en el vídeo. No sé cómo resolverlo

[@mobinakhter7081]

SafeAreaView does not work for Android emulator for me. If anyone knows a fix, kindly lmk!

[@artemiskim4916]

Sonny how do you run your app from browser? Thanks for awesome tutorial!!

[@eyosiyas_js]

Ufffffff so cleannnnnnnnn. big fan my bro. Soon 1M bro keep going.

[@justicefrancis2002]

i love this, respect

[@shellykapoor1958]

you have installed react native using npx react-native-cli or with expo react native installed automatically

[@InnovixusTechnology]

Bro nice project 👍

[@nemanjagligovic3506]

Sonny you are the best ❤

[@sandeepsunny8467]

Sonny trust me 1M sub coming soon 🔜…let’s celebrate in Birmingham…Nice content

[@nemopeti]

Is there a tutorial for de dev environment setup, and the project/folder structure you suggest?

[@sheheryarqazi1006]

GOAT Teacher

[@silenttraveler1816]

Sonny this is excellent stuff, can you do a vedio on implementing codepush and appcenter on react native project too

[@tomerhertz8502]

heya, great tutorial as always... ran into an error when connect sanity and trying to link the data to the app, especially the images - it relates up untill this point in the video <a href="#" class="seekto" data-time="113">1:53</a>:05 Error: Unable to resolve image URL from source (undefined), i used sonny projectId ...

[@Ceo_Hub]

Can you build projekt without next.js react.js and any libery

[@nihaltiwari2479]

Your content is crazy man

[@natizerai]

OMG this guys is legend!

[@renekutter7562]

I really like your videos and your personality. Greetings from germany ! :)

[@zakirbangash3185]

Hi Sonny, you are doing a great job, I love your content, but have a curiosity that why are you not using CLI. what do you think will CLI be replaced with Expo. eager to know about this from you

[@vaibhavgoel01]

tailwind css just oupdated sir kindly help

[@boedaqsunda4255]

works, keep up the good work man

[@mikebeats3281]

Backend is the most important😂🎉

[@jimmyopot1972]

In Papa React I believe!!!

[@bw7868]

Nice guy, Great coding, Beautiful music. Thanks for the awesome work.

[@tdlearn3982]

This tutorial is really great, thanks a lot 🤟🤟🤟

[@rachidb9624]

Thanks man !

[@surajgaikwad4655]

Modal for basketScreen not working as popup, but it is opening new full screen, anyone faced this issue in Android ?

[@al3absolution830]

same here

[@valeredwandji3599]

tes video sont très pationnante. merci

[@shahxxx15]

Hi all who just saw the video , I have a question `how can we redirect to restaurant page when user click on category button on the top of screen ? Because I didn`t see something about this in this video . Thanks

[@PattyBeautCode]

Another clone that is going to change my web& mobile coding level ! Thanks Sonny and team for amazing work ! ! btw, see Jay for 5 second is very big bonus 😁👍🏻

[@jay_4399]

HAHA Thanks!

[@adamgerber7824]

do you have a spotify playlist? music is right up my alley man

[@oficinah2470]

Excelente Sonny, esta muy interesante la forma como explicas, gracias por tu aporte.

[@jeremiahtrujillo2636]

The music is SO loud. It really distracts from the actual video.

[@shalildsilva7039]

For anyone whose options={{ presentation: "modal" }} is not working on android : install stack navigator: npm install @react-navigation/stack and expo install react-native-gesture-handler import { CardStyleInterpolators } from '@react-navigation/stack'; const Stack = createStackNavigator() change the stack screen functunality for Basketscreen to:

[@sankalpaneupane5954]

You're great man!!

[@user-oq4mg2cg7c]

How about the Contentful~~~

[@devsmith948]

Really excited. Amazing video. It is really helpful for me. I am not sure what is different between expo-cli and react-native-cli. Which do you prefer?

[@parnaell7320]

Thank you so much! It work!

[@notharsh]

Amazing video. Thank you Sonny

[@SuperArnie1974]

Hi has anyone connected with Expo go. Then gone back later and been unable to connect

[@sdn47payakumbuh10]

thank you very very very much, you help me a lot

[@varaliyakrunal875]

React native is best and popular language best ...... channels and best. Coding with ui Design ☺️🤩🤩🤩

[@Zaeka]

why the f every time i wake up , i am watching a video of yours wtf

[@SonnySangha]

Why do you fall asleep with KZbin on. That’s the real Q my friend

[@vincenttanguayy]

You should do the driver app, i would love to see how it would look

[@typicalindiancoderwhowatch8458]

Great build 🔥🔥

[@kulvirsingh4568]

Waheguru ji ka khalsa waheguru ji ki Fateh 🙏🙏 🔥🔥

[@user-pl7jd8jf4z]

Nice

[@karacan2469]

DJ SONNY SANGHOHA, are you a dj or a programmer?:))

[@martins6341]

at the basket screen my items are not showing up and the array is also empty it keeps on showing Array[ ]... so please any idea on how i can fix this issue

[@mrboro483]

I had the same problem, I don't know if there is a problem with Redux. Could you solve this problem?

[@BenGodot]

Great video, I loved it! I have one question: Is Ionic worth using?

[@xqc7087]

How to copy and load sanity data of application in my sanity project?

[@tvkiduniya6685]

Please make more videos in react native and react js

[@theprofile4676]

guys im getting an error while getting data from sanity, undefined is not a function (near '..._Sanity.default.fetch...'). Please help

[@bitterkofte]

me too

[@bitterkofte]

have you fixed it?

[@marcossouzajr1711]

Strapi can be used instead sanity? Thanks for this amazing tutorial!

[@kedarkulkarni7426]

Hey Sonny, this tutorial is really great, I request you to share the links in the description you are using in the video that will help people after live to try. links means package links ,documentation links etc.

[@mariejolie2645]

for some reason the Image are not showing ... but it is showing the image in the inspect though... any idea @SonnySangha?

[@zocky3282]

Really love your projects and builds 😍👏👏

[@iamgemoy]

<a href="#" class="seekto" data-time="153">2:33</a>:33 where's basketReducer come from?, we never define in BasketSlice

[@vincenttanguayy]

I would love to see the driver’s app for deliveroo. Can you make that happen?

[@programingGeek]

Dose anybody have problem while removing items from basket screen, my UI wont refresh...I followed everything like he did it but it still does not work :(

[@yasirtawfeq3556]

Thanks a lot

[@SunMoonBrothers]

There is bug "rendered fewer hooks than renderwithhooks" in BasketScreen popping when when deleting last item from the basket

[@facebookrakesh5572]

hello bro shadow not work in tailwind what i have to do?