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

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 ธ.ค. 2024

ความคิดเห็น • 373

  • @SonnySangha
    @SonnySangha  2 ปีที่แล้ว +13

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

  • @lokindradangi
    @lokindradangi 2 ปีที่แล้ว +15

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

    • @ratnakarmishra623
      @ratnakarmishra623 2 ปีที่แล้ว

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

    • @hooyah
      @hooyah 2 ปีที่แล้ว

      thanks. its work for me.

    • @devdanny4926
      @devdanny4926 2 ปีที่แล้ว +1

      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
      @devdanny4926 2 ปีที่แล้ว

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

    • @ratnakarmishra623
      @ratnakarmishra623 2 ปีที่แล้ว

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

  • @programmermaureen7201
    @programmermaureen7201 2 ปีที่แล้ว +23

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

    • @andrewnguyen2234
      @andrewnguyen2234 2 ปีที่แล้ว

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

    • @programmermaureen7201
      @programmermaureen7201 2 ปีที่แล้ว +3

      @@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
      @khatariinsaan5284 2 ปีที่แล้ว

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

    • @laughingspunk9137
      @laughingspunk9137 2 ปีที่แล้ว

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

    • @programmermaureen7201
      @programmermaureen7201 2 ปีที่แล้ว +1

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

  • @devdanny4926
    @devdanny4926 2 ปีที่แล้ว +2

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

  • @anuragpramanik6095
    @anuragpramanik6095 ปีที่แล้ว +10

    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
    @rreay724 2 ปีที่แล้ว +43

    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.

  • @AbiNephilim
    @AbiNephilim ปีที่แล้ว +5

    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
      @khalilaliouich8246 ปีที่แล้ว

      Hello, What was the backend used language here please?

  • @aisteinlaw1558
    @aisteinlaw1558 2 ปีที่แล้ว +6

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

  • @pearce0101
    @pearce0101 2 ปีที่แล้ว +21

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

  • @skilla10101
    @skilla10101 2 ปีที่แล้ว +3

    Sonny wowwww lets finish this app bro. LETS GOOOO.

  • @tomerhertz8502
    @tomerhertz8502 ปีที่แล้ว +1

    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 1:53:05
    Error: Unable to resolve image URL from source (undefined),
    i used sonny projectId ...

  • @dfordemo981
    @dfordemo981 2 ปีที่แล้ว +1

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

  • @nicholasbazzoni7084
    @nicholasbazzoni7084 2 ปีที่แล้ว +2

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

  • @diegodominguez6768
    @diegodominguez6768 2 ปีที่แล้ว +3

    Just finished this project! Thanks Sonny 👑

    • @priyanshupandey3148
      @priyanshupandey3148 2 ปีที่แล้ว

      How did you get the sanity data ?

    • @priyanshupandey3148
      @priyanshupandey3148 2 ปีที่แล้ว

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

    • @tl6359
      @tl6359 2 ปีที่แล้ว

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

  • @omarortizjimenez2429
    @omarortizjimenez2429 2 ปีที่แล้ว

    everything was going great until 3:04 and next requireNativeComponent : "RCTSafeAreaView was not found in the UIManager does anyone know how to fix it?

  • @iamgemoy
    @iamgemoy ปีที่แล้ว

    2:33:33 where's basketReducer come from?, we never define in BasketSlice

  • @cinturonnegro1263
    @cinturonnegro1263 2 ปีที่แล้ว +4

    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
      @subhasishnathdev 2 ปีที่แล้ว

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

  • @SteeveDIm
    @SteeveDIm 2 ปีที่แล้ว

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

  • @DeniseNelson1
    @DeniseNelson1 2 ปีที่แล้ว +10

    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
      @muhammadtayyab2366 2 ปีที่แล้ว

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

  • @yusufguner6198
    @yusufguner6198 2 ปีที่แล้ว +2

    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.

  • @hasansafarli
    @hasansafarli 2 ปีที่แล้ว +1

    1:49:18 $id is giving me error in sanity, anyone know the solution?

    • @SonNguyenLife
      @SonNguyenLife ปีที่แล้ว

      Did u ever find the solution for it?

  • @hasanhafiz
    @hasanhafiz 2 ปีที่แล้ว +4

    You are just changing the tutorial culture. Huge respect ✊

  • @gunnarsmith3
    @gunnarsmith3 ปีที่แล้ว

    After writing the useeffect for fetching the featured rows at 1:43:37, im getting a render error and have no idea what it means. can anyone help me out? the error says URLSearchParams.set is not implemented

  • @Zack-oy2tz
    @Zack-oy2tz 2 ปีที่แล้ว +1

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

  • @uchechris7822
    @uchechris7822 ปีที่แล้ว +1

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

  • @RahulSharma-ke7wg
    @RahulSharma-ke7wg 2 ปีที่แล้ว

    i just love this channel.whenever i come here

  • @nemopeti
    @nemopeti ปีที่แล้ว

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

  • @ahmedmahmoud-ku7fo
    @ahmedmahmoud-ku7fo 2 ปีที่แล้ว

    how can you make auto typing on 2:39:20

  • @zeroclp4503
    @zeroclp4503 2 ปีที่แล้ว +6

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

    • @safwanebahho4805
      @safwanebahho4805 2 ปีที่แล้ว

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

    • @Zero-nw4hc
      @Zero-nw4hc 2 ปีที่แล้ว

      Give the code

    • @Zero-nw4hc
      @Zero-nw4hc 2 ปีที่แล้ว +1

      Do you have source code?

  • @sohrabhossain9905
    @sohrabhossain9905 2 ปีที่แล้ว +3

    Really loved your project and explanation ❤

  • @martins6341
    @martins6341 2 ปีที่แล้ว +1

    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
      @mrboro483 2 ปีที่แล้ว

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

  • @franciscojaviergonzalezsan2367
    @franciscojaviergonzalezsan2367 ปีที่แล้ว

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

    • @oyesaurabh
      @oyesaurabh ปีที่แล้ว

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

  • @artemiskim4916
    @artemiskim4916 2 ปีที่แล้ว +1

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

  • @patrickkioko8191
    @patrickkioko8191 2 ปีที่แล้ว +1

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

  • @godfreyndiritu9062
    @godfreyndiritu9062 2 ปีที่แล้ว

    You're simply the best Sonny

  • @eyosiyas_js
    @eyosiyas_js 2 ปีที่แล้ว

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

  • @adi9781
    @adi9781 2 ปีที่แล้ว +1

    The OG is back!

  • @JoshuaMusau
    @JoshuaMusau ปีที่แล้ว

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

  • @jamesvaughanllewellyn1315
    @jamesvaughanllewellyn1315 2 ปีที่แล้ว +1

    You are amazing Sonnny😁

  • @parichaypari7872
    @parichaypari7872 2 ปีที่แล้ว +1

    The tailwindcss-react-native has been depreciated. so do we actually need the babel thing?

    • @Balaji_G
      @Balaji_G ปีที่แล้ว +1

      Search abt nativewind bro

  • @omerakkoca8263
    @omerakkoca8263 ปีที่แล้ว

    Thanks for the tutorial Sonny

  • @nemanjagligovic3506
    @nemanjagligovic3506 ปีที่แล้ว

    Sonny you are the best ❤

  • @mariejolie2645
    @mariejolie2645 ปีที่แล้ว

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

  • @Ceo_Hub
    @Ceo_Hub 2 ปีที่แล้ว +1

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

  • @theprofile4676
    @theprofile4676 2 ปีที่แล้ว +1

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

  • @vaibhavgoel01
    @vaibhavgoel01 2 ปีที่แล้ว +2

    tailwind css just oupdated sir kindly help

  • @natizerai
    @natizerai 2 ปีที่แล้ว

    OMG this guys is legend!

  • @mobinakhter7081
    @mobinakhter7081 2 ปีที่แล้ว +1

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

  • @surajgaikwad4655
    @surajgaikwad4655 2 ปีที่แล้ว +1

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

  • @kennedyfreitas7548
    @kennedyfreitas7548 2 ปีที่แล้ว

    Hey there @Sonny Sangha bro, where do you those those image assets?

  • @shahxxx15
    @shahxxx15 2 ปีที่แล้ว

    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

  • @shellykapoor1958
    @shellykapoor1958 2 ปีที่แล้ว

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

  • @calebcadainoo
    @calebcadainoo 2 ปีที่แล้ว +1

    Completed build

    • @ivity2353
      @ivity2353 2 ปีที่แล้ว

      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.

  • @SuperArnie1974
    @SuperArnie1974 2 ปีที่แล้ว +1

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

  • @renekutter7562
    @renekutter7562 2 ปีที่แล้ว

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

  • @xqc7087
    @xqc7087 ปีที่แล้ว

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

  • @prashantkumarsingh689
    @prashantkumarsingh689 2 ปีที่แล้ว

    Hey Sonny always do start with this music its just awesome

  • @EktaAnkitni
    @EktaAnkitni ปีที่แล้ว +1

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

  • @mdiaz2111
    @mdiaz2111 2 ปีที่แล้ว

    When I put false on headerShow , the navigation bar is still there? On a android

  • @RougeLino
    @RougeLino ปีที่แล้ว

    is it possible to create a vendor account ? (only as a restaurant)

  • @facebookrakesh5572
    @facebookrakesh5572 10 หลายเดือนก่อน

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

  • @zakirbangash3185
    @zakirbangash3185 2 ปีที่แล้ว +1

    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

  • @whoribleplayer
    @whoribleplayer 2 ปีที่แล้ว

    I checked out your older videos, do you still solve rubiks cubes or lift?

  • @boedaqsunda4255
    @boedaqsunda4255 2 ปีที่แล้ว

    works, keep up the good work man

  • @nafisfuadshahid
    @nafisfuadshahid 8 หลายเดือนก่อน

    is there anyway i can copy your sanity dataset?

  • @franciscojaviergonzalezsan2367
    @franciscojaviergonzalezsan2367 ปีที่แล้ว

    How can I restart the Basket when I push the X icon at the final DeliveryScreen?

    • @cuongtranquoc8721
      @cuongtranquoc8721 ปีที่แล้ว

      can u help me 1:23:27, i cant adding data in sanity studio ~~

  • @asap5973
    @asap5973 2 ปีที่แล้ว +1

    Error: Missing package "metro/src/lib/attachWebsocketServer" in the project at: D:\coding
    eact native\deliveroo clone\deliveroo-clone
    This usually means `react-native` is not installed. Please verify that dependencies in package.json include "react-native" and run `yarn` or `npm install`.
    I am getting this error....can anyone please help me out.....This error is coming for expo version >=40.0.0

    • @thefarellateam
      @thefarellateam 2 ปีที่แล้ว

      Same here

    • @thefarellateam
      @thefarellateam 2 ปีที่แล้ว

      It’s because Expo and reactnative versions are not compatible. To fix it I had to go to a previously working version of expo that I already built (any project) and copy the version numbers from package .json then delete node_modules and run “yarn add” or npm install

  • @aarzooislam
    @aarzooislam ปีที่แล้ว

    can i use this as a multi vendor !

  • @justicefrancis2002
    @justicefrancis2002 2 ปีที่แล้ว +1

    i love this, respect

  • @rajatgupta8632
    @rajatgupta8632 ปีที่แล้ว

    I'm also getting an error after writing the code for AdjustmentsIcon as I write the following code "


    I get an error " Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
    Check the render method of `HomeScreen` "
    I cheched my code many times and It was correctly written, What should I do here?

  • @Jashan77114
    @Jashan77114 2 ปีที่แล้ว

    is sanity similar to AEM ? We are going to use AEM in client project

  • @andrewyzd7746
    @andrewyzd7746 2 ปีที่แล้ว

    what is the background music at the duration of Build Showcase?

  • @oficinah2470
    @oficinah2470 2 ปีที่แล้ว

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

  • @hrithikpawar7290
    @hrithikpawar7290 2 ปีที่แล้ว

    it was a awesome , love your content bro

  • @demo5052
    @demo5052 ปีที่แล้ว

    I have deployed sanity. Now what changes should I make in my react native app so that I can connect directly to sanity studio instead of localhost:3333

  • @huanphan9070
    @huanphan9070 2 ปีที่แล้ว

    Hi, how can we access to see the backend data. This is unauthorized

  • @vivekvvijayan7498
    @vivekvvijayan7498 ปีที่แล้ว

    How to add custom font family to tailwind css react native?

  • @joeboulton2621
    @joeboulton2621 2 ปีที่แล้ว

    Can anyone help me? When I go to map the restaurant data in the featured rows section nothing happens? I have the data just fine but whenever I choose to map it nothing shows up

  • @og33927
    @og33927 2 ปีที่แล้ว +2

    Hey Sonny! Thank you for the amazing tutorials. I wonder, is there any other way to solve the grouping with items? without Object.entries. Can we push each item into separate array in redux store? because the syntax is very complicated and doesn't look reacty for me. Thanks in advance !

  • @joscript7846
    @joscript7846 2 ปีที่แล้ว +1

    Cool
    Am still practicing with the medium clone

  • @valeredwandji3599
    @valeredwandji3599 ปีที่แล้ว

    tes video sont très pationnante. merci

  • @SunMoonBrothers
    @SunMoonBrothers 2 ปีที่แล้ว

    RN is very buggy, icons show up on my iphone but on android search and and settings icons dissappear but occupy place, react-native-svg v13+ cause a crash, have to roll back to v12.3.0

  • @bw7868
    @bw7868 2 ปีที่แล้ว

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

  • @Mills2fly
    @Mills2fly 2 ปีที่แล้ว

    Hello great work… how can I get access to source code. I hit a speed bump that I can’t seem to get over

  • @hrishikeshjain2307
    @hrishikeshjain2307 2 ปีที่แล้ว

    Bro which music you are using on background while developing ?

  • @Endless965E
    @Endless965E 2 ปีที่แล้ว

    Where are we supposed to get latitudes and longtitude from?

    • @vaniad555
      @vaniad555 2 ปีที่แล้ว

      real maps and places, google

  • @programingGeek
    @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 :(

  • @varaliyakrunal875
    @varaliyakrunal875 2 ปีที่แล้ว

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

  • @zabashhd459
    @zabashhd459 ปีที่แล้ว

    can you do the rider application too ?

  • @SunMoonBrothers
    @SunMoonBrothers 2 ปีที่แล้ว +1

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

  • @sandeepsunny8467
    @sandeepsunny8467 2 ปีที่แล้ว

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

  • @NeerajSingh-ch7wl
    @NeerajSingh-ch7wl 2 ปีที่แล้ว

    flex-1 is not working. please explain why. Using android.

  • @AkeemKazeem
    @AkeemKazeem ปีที่แล้ว

    Hi, I am working on deliveroo following this wonderful content but after integrating sanity studio and running the backend with the run dev command, I get "typeof" of error that I traced to the react-native dir in node_modules of the frontend. I have tried different option to resolve it - like deleting node modules of both FE & BE and reinstalling the dependencies but no luck. Pls help as I am stuck here and I really want to complete this project. Thanks

  • @tdlearn3982
    @tdlearn3982 2 ปีที่แล้ว +1

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

  • @kshitizbathwal7509
    @kshitizbathwal7509 2 ปีที่แล้ว

    Do these project videos also include backend coding/architecture or just frontend?

  • @nihaltiwari2479
    @nihaltiwari2479 2 ปีที่แล้ว

    Your content is crazy man

  • @InnovixusTechnology
    @InnovixusTechnology 7 หลายเดือนก่อน

    Bro nice project 👍

  • @parnaell7320
    @parnaell7320 2 ปีที่แล้ว

    Thank you so much! It work!

  • @abhinnvyas8215
    @abhinnvyas8215 2 ปีที่แล้ว

    We are not using type script?

  • @sdn47payakumbuh10
    @sdn47payakumbuh10 2 ปีที่แล้ว

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