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

Поділитися
Вставка
  • Опубліковано 21 гру 2024

КОМЕНТАРІ •

  • @SonnySangha
    @SonnySangha  2 роки тому +13

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

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

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

  • @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😄😄😄

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

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

  • @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 🌷

  • @nicholasbazzoni7084
    @nicholasbazzoni7084 2 роки тому +2

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

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

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

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

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

  • @skilla10101
    @skilla10101 2 роки тому +3

    Sonny wowwww lets finish this app bro. LETS GOOOO.

  • @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 🙏🙏🙏

  • @hasanhafiz
    @hasanhafiz 2 роки тому +4

    You are just changing the tutorial culture. Huge respect ✊

  • @Zack-oy2tz
    @Zack-oy2tz 2 роки тому +1

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

  • @SteeveDIm
    @SteeveDIm 2 роки тому

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

  • @dfordemo981
    @dfordemo981 2 роки тому +1

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

  • @adi9781
    @adi9781 2 роки тому +1

    The OG is back!

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

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

  • @patrickkioko8191
    @patrickkioko8191 2 роки тому +1

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

  • @RahulSharma-ke7wg
    @RahulSharma-ke7wg 2 роки тому

    i just love this channel.whenever i come here

  • @sohrabhossain9905
    @sohrabhossain9905 2 роки тому +3

    Really loved your project and explanation ❤

  • @eyosiyas_js
    @eyosiyas_js 2 роки тому

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

  • @godfreyndiritu9062
    @godfreyndiritu9062 2 роки тому

    You're simply the best Sonny

  • @JoshuaMusau
    @JoshuaMusau Рік тому

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

  • @artemiskim4916
    @artemiskim4916 2 роки тому +1

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

  • @omerakkoca8263
    @omerakkoca8263 Рік тому

    Thanks for the tutorial Sonny

  • @jamesvaughanllewellyn1315
    @jamesvaughanllewellyn1315 2 роки тому +1

    You are amazing Sonnny😁

  • @natizerai
    @natizerai 2 роки тому

    OMG this guys is legend!

  • @sheheryarqazi1006
    @sheheryarqazi1006 2 роки тому

    GOAT Teacher

  • @justicefrancis2002
    @justicefrancis2002 2 роки тому +1

    i love this, respect

  • @briancornielle2991
    @briancornielle2991 2 роки тому +3

    Totally completed. Thank you so much for this!!

  • @boedaqsunda4255
    @boedaqsunda4255 2 роки тому

    works, keep up the good work man

  • @nemopeti
    @nemopeti Рік тому

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

  • @nemanjagligovic3506
    @nemanjagligovic3506 Рік тому

    Sonny you are the best ❤

  • @bw7868
    @bw7868 2 роки тому

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

  • @shellykapoor1958
    @shellykapoor1958 2 роки тому

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

  • @renekutter7562
    @renekutter7562 2 роки тому

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

  • @prashantkumarsingh689
    @prashantkumarsingh689 2 роки тому

    Hey Sonny always do start with this music its just awesome

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

  • @oficinah2470
    @oficinah2470 2 роки тому

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

  • @rachidb9624
    @rachidb9624 Рік тому

    Thanks man !

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

  • @nihaltiwari2479
    @nihaltiwari2479 2 роки тому

    Your content is crazy man

  • @valeredwandji3599
    @valeredwandji3599 Рік тому

    tes video sont très pationnante. merci

  • @sandeepsunny8467
    @sandeepsunny8467 2 роки тому

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

  • @parnaell7320
    @parnaell7320 2 роки тому

    Thank you so much! It work!

  • @EktaAnkitni
    @EktaAnkitni Рік тому +1

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

  • @whoribleplayer
    @whoribleplayer 2 роки тому

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

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

  • @tdlearn3982
    @tdlearn3982 2 роки тому +1

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

  • @PattySpicy
    @PattySpicy 2 роки тому +1

    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
      @jay_4399 2 роки тому +1

      HAHA Thanks!

  • @iamgemoy
    @iamgemoy Рік тому

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

  • @notharsh
    @notharsh 2 роки тому

    Amazing video.
    Thank you Sonny

  • @universecode1101
    @universecode1101 2 роки тому +9

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

    • @therevealmusic
      @therevealmusic 2 роки тому +1

      yoo i see you in programming channels lets ggggggggggggggggggggooooooooooo

    • @ivity2353
      @ivity2353 2 роки тому +1

      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

  • @sankalpaneupane5954
    @sankalpaneupane5954 2 роки тому

    You're great man!!

  • @joscript7846
    @joscript7846 2 роки тому +1

    Cool
    Am still practicing with the medium clone

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

  • @devsmith948
    @devsmith948 2 роки тому

    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?

  • @marcossouzajr1711
    @marcossouzajr1711 2 роки тому

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

  • @InnovixusTechnology
    @InnovixusTechnology 7 місяців тому

    Bro nice project 👍

  • @sdn47payakumbuh10
    @sdn47payakumbuh10 2 роки тому

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

  • @hrithikpawar7290
    @hrithikpawar7290 2 роки тому

    it was a awesome , love your content bro

  • @adamgerber7824
    @adamgerber7824 2 роки тому

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

  • @xqc7087
    @xqc7087 Рік тому

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

  • @prafulrane9037
    @prafulrane9037 3 місяці тому

    what are the changes we need to do in this project for 2024?

  • @jimmyopot1972
    @jimmyopot1972 2 роки тому

    In Papa React I believe!!!

  • @sovannborithyun5205
    @sovannborithyun5205 2 роки тому

    Part 2 is coming?

  • @BenGodot
    @BenGodot 2 роки тому

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

  • @nafisfuadshahid
    @nafisfuadshahid 8 місяців тому

    is there anyway i can copy your sanity dataset?

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

  • @Ceo_Hub
    @Ceo_Hub 2 роки тому +1

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

  • @kennedyfreitas7548
    @kennedyfreitas7548 2 роки тому

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

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

  • @silenttraveler1816
    @silenttraveler1816 Рік тому

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

  • @fadbad
    @fadbad 2 роки тому

    Great work Sonny, did you manage to push the repo to github? I couldn’t find it

  • @uchechris7822
    @uchechris7822 Рік тому +1

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

  • @aarzooislam
    @aarzooislam Рік тому

    can i use this as a multi vendor !

  • @varaliyakrunal875
    @varaliyakrunal875 2 роки тому

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

  • @devitosolucoes7534
    @devitosolucoes7534 2 роки тому

    Great video. May I ask you, how much would you charge for exactly this service you done in this video? Thank you.

  • @chrionimayoka1684
    @chrionimayoka1684 2 місяці тому +1

    DRC is there ♠

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

  • @zabashhd459
    @zabashhd459 Рік тому

    can you do the rider application too ?

  • @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 ~~

  • @kshitizbathwal7509
    @kshitizbathwal7509 2 роки тому

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

  • @hasansafarli
    @hasansafarli 2 роки тому +1

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

  • @jamesvongampai5592
    @jamesvongampai5592 2 роки тому

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

  • @typicalindiancoderwhowatch8458
    @typicalindiancoderwhowatch8458 2 роки тому

    Great build 🔥🔥

  • @ahmedmahmoud-ku7fo
    @ahmedmahmoud-ku7fo 2 роки тому

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

  • @Endless965E
    @Endless965E 2 роки тому

    Where are we supposed to get latitudes and longtitude from?

    • @vaniad555
      @vaniad555 2 роки тому

      real maps and places, google

  • @mariejolie2645
    @mariejolie2645 Рік тому

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

  • @ToTiredToAnimate
    @ToTiredToAnimate 8 місяців тому

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

  • @andrewyzd7746
    @andrewyzd7746 2 роки тому

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

  • @zocky3282
    @zocky3282 2 роки тому +2

    Really love your projects and builds 😍👏👏

  • @hrishikeshjain2307
    @hrishikeshjain2307 2 роки тому

    Bro which music you are using on background while developing ?

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

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