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

Поделиться
HTML-код
  • Опубликовано: 12 сен 2024

Комментарии • 370

  • @SonnySangha
    @SonnySangha  Год назад +9

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

  • @programmermaureen7201
    @programmermaureen7201 2 года назад +18

    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 Год назад

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

    • @programmermaureen7201
      @programmermaureen7201 Год назад +1

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

  • @rreay724
    @rreay724 2 года назад +40

    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.

  • @anuragpramanik6095
    @anuragpramanik6095 Год назад +9

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

  • @pearce0101
    @pearce0101 2 года назад +21

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

  • @AbiNephilim
    @AbiNephilim Год назад +4

    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 9 месяцев назад

      Hello, What was the backend used language here please?

  • @aisteinlaw1558
    @aisteinlaw1558 2 года назад +5

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

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

  • @lokindradangi
    @lokindradangi 2 года назад +14

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

  • @cinturonnegro1263
    @cinturonnegro1263 2 года назад +3

    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?

  • @nicholasbazzoni7084
    @nicholasbazzoni7084 2 года назад +1

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

  • @hasanhafiz
    @hasanhafiz 2 года назад +4

    You are just changing the tutorial culture. Huge respect ✊

  • @zeroclp4503
    @zeroclp4503 2 года назад +5

    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 Год назад

      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 Год назад

      Give the code

    • @Zero-nw4hc
      @Zero-nw4hc Год назад +1

      Do you have source code?

  • @patrickkioko8191
    @patrickkioko8191 2 года назад +1

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

  • @dfordemo981
    @dfordemo981 2 года назад +1

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

  • @skilla10101
    @skilla10101 2 года назад +2

    Sonny wowwww lets finish this app bro. LETS GOOOO.

  • @sohrabhossain9905
    @sohrabhossain9905 Год назад +3

    Really loved your project and explanation ❤

  • @diegodominguez6768
    @diegodominguez6768 Год назад +2

    Just finished this project! Thanks Sonny 👑

    • @priyanshupandey3148
      @priyanshupandey3148 Год назад

      How did you get the sanity data ?

    • @priyanshupandey3148
      @priyanshupandey3148 Год назад

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

    • @tl6359
      @tl6359 Год назад

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

  • @EktaAnkitni
    @EktaAnkitni 9 месяцев назад +1

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

  • @ToTiredToAnimate
    @ToTiredToAnimate 4 месяца назад

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

  • @RahulSharma-ke7wg
    @RahulSharma-ke7wg 2 года назад

    i just love this channel.whenever i come here

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

  • @Zack-oy2tz
    @Zack-oy2tz 2 года назад +1

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

  • @JoshuaMusau
    @JoshuaMusau Год назад

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

  • @SteeveDIm
    @SteeveDIm 2 года назад

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

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

  • @prashantkumarsingh689
    @prashantkumarsingh689 2 года назад

    Hey Sonny always do start with this music its just awesome

  • @bw7868
    @bw7868 2 года назад

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

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

  • @adi9781
    @adi9781 2 года назад +1

    The OG is back!

  • @briancornielle2991
    @briancornielle2991 2 года назад +3

    Totally completed. Thank you so much for this!!

  • @jamesvaughanllewellyn1315
    @jamesvaughanllewellyn1315 2 года назад +1

    You are amazing Sonnny😁

  • @JM-cf8zy
    @JM-cf8zy Год назад +2

    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.

  • @renekutter7562
    @renekutter7562 2 года назад

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

  • @joscript7846
    @joscript7846 2 года назад +1

    Cool
    Am still practicing with the medium clone

  • @devdanny4926
    @devdanny4926 2 года назад +1

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

  • @zakirbangash3185
    @zakirbangash3185 Год назад +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.

  • @shellykapoor1958
    @shellykapoor1958 2 года назад

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

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

  • @omerakkoca8263
    @omerakkoca8263 Год назад

    Thanks for the tutorial Sonny

  • @tdlearn3982
    @tdlearn3982 2 года назад +1

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

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

  • @boedaqsunda4255
    @boedaqsunda4255 2 года назад

    works, keep up the good work man

  • @justicefrancis2002
    @justicefrancis2002 2 года назад +1

    i love this, respect

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

  • @artemiskim4916
    @artemiskim4916 Год назад +1

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

  • @natizerai
    @natizerai Год назад

    OMG this guys is legend!

  • @nemanjagligovic3506
    @nemanjagligovic3506 9 месяцев назад

    Sonny you are the best ❤

  • @sandeepsunny8467
    @sandeepsunny8467 2 года назад

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

  • @user18501
    @user18501 Год назад +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 !

  • @notharsh
    @notharsh 2 года назад

    Amazing video.
    Thank you Sonny

  • @sankalpaneupane5954
    @sankalpaneupane5954 2 года назад

    You're great man!!

  • @sheheryarqazi1006
    @sheheryarqazi1006 2 года назад

    GOAT Teacher

  • @BenGodot
    @BenGodot 2 года назад

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

  • @uchechris7822
    @uchechris7822 Год назад +1

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

  • @nihaltiwari2479
    @nihaltiwari2479 2 года назад

    Your content is crazy man

  • @Ceo_Hub
    @Ceo_Hub 2 года назад +1

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

  • @marcossouzajr1711
    @marcossouzajr1711 2 года назад

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

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

  • @whoribleplayer
    @whoribleplayer 2 года назад

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

  • @nemopeti
    @nemopeti 10 месяцев назад

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

  • @silenttraveler1816
    @silenttraveler1816 Год назад

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

  • @parnaell7320
    @parnaell7320 2 года назад

    Thank you so much! It work!

  • @kedarkulkarni7426
    @kedarkulkarni7426 2 года назад

    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.

  • @vaibhavgoel01
    @vaibhavgoel01 2 года назад +2

    tailwind css just oupdated sir kindly help

  • @zocky3282
    @zocky3282 2 года назад +2

    Really love your projects and builds 😍👏👏

  • @adamgerber7824
    @adamgerber7824 2 года назад

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

  • @rachidb9624
    @rachidb9624 8 месяцев назад

    Thanks man !

  • @typicalindiancoderwhowatch8458
    @typicalindiancoderwhowatch8458 2 года назад

    Great build 🔥🔥

  • @user-oq4mg2cg7c
    @user-oq4mg2cg7c 2 года назад +1

    How about the Contentful~~~

  • @valeredwandji3599
    @valeredwandji3599 Год назад

    tes video sont très pationnante. merci

  • @prafulrane9037
    @prafulrane9037 4 дня назад

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

  • @jeremiahtrujillo2636
    @jeremiahtrujillo2636 Год назад +2

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

  • @fadbad
    @fadbad 2 года назад

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

  • @sdn47payakumbuh10
    @sdn47payakumbuh10 Год назад

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

  • @jamesvongampai5592
    @jamesvongampai5592 2 года назад

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

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

  • @InnovixusTechnology
    @InnovixusTechnology 3 месяца назад

    Bro nice project 👍

  • @parichaypari7872
    @parichaypari7872 Год назад +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

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

  • @jimmyopot1972
    @jimmyopot1972 2 года назад

    In Papa React I believe!!!

  • @kshitizbathwal7509
    @kshitizbathwal7509 2 года назад

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

  • @mobinakhter7081
    @mobinakhter7081 Год назад +1

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

  • @kennedyfreitas7548
    @kennedyfreitas7548 Год назад

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

  • @frostyfreezemovies
    @frostyfreezemovies 2 года назад

    Osm sir ❤️ as usual ✌️

  • @demo5052
    @demo5052 11 месяцев назад

    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

  • @vincenttanguayy
    @vincenttanguayy 2 года назад

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

  • @mariejolie2645
    @mariejolie2645 Год назад

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

  • @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 Год назад

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

  • @josbexerra8115
    @josbexerra8115 2 года назад

    saludos mister sonny.....gracias a pesar que no tiene subtitulos se entiende......saludos de los andes peruanos

  • @Jashan77114
    @Jashan77114 Год назад

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

  • @mrcrypticx1
    @mrcrypticx1 2 года назад

    Would Ionic be a good alternative to Expo in your opinion?

  • @raj080288
    @raj080288 2 года назад

    Hey Sonny, so just to be clear - creating the app in react native also makes it work for the desktop version as well as mobile?

  • @surajgaikwad4655
    @surajgaikwad4655 2 года назад +1

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

  • @hrishikeshjain2307
    @hrishikeshjain2307 2 года назад

    Bro which music you are using on background while developing ?

  • @mikebeats3281
    @mikebeats3281 Год назад

    Backend is the most important😂🎉

  • @theprofile4676
    @theprofile4676 Год назад +1

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

  • @vincenttanguayy
    @vincenttanguayy 2 года назад

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