ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก

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

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

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

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

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

    • @user-gl1sl8ro4w
      @user-gl1sl8ro4w 11 หลายเดือนก่อน

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

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

      Why?

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

    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.

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

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

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

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

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

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

    Sonny wowwww lets finish this app bro. LETS GOOOO.

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

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

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

    You are just changing the tutorial culture. Huge respect ✊

  • @wolfheart4563
    @wolfheart4563 4 หลายเดือนก่อน

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

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

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

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

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

    The OG is back!

  • @zeroclp4503
    @zeroclp4503 ปีที่แล้ว +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?

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

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

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

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

    Cool
    Am still practicing with the medium clone

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

    i just love this channel.whenever i come here

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

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

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

    You're simply the best Sonny

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

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

    Hey Sonny always do start with this music its just awesome

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

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

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

    You are amazing Sonnny😁

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

    i love this, respect

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

    Thanks for the tutorial Sonny

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

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

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

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

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

    Totally completed. Thank you so much for this!!

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

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

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

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

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

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

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

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

    OMG this guys is legend!

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

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

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

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

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

    Sonny you are the best ❤

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

    works, keep up the good work man

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

    Your content is crazy man

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

    Thanks man !

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

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

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

    tes video sont très pationnante. merci

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

    GOAT Teacher

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

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

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

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

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

    You're great man!!

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

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

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

    Thank you so much! It work!

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

    Amazing video.
    Thank you Sonny

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

    Bro nice project 👍

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

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

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

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

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

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

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

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

    In Papa React I believe!!!

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

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

    Really love your projects and builds 😍👏👏

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

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

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

    Backend is the most important😂🎉

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

    Thanks a lot

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

    Great build 🔥🔥

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

    tailwind css just oupdated sir kindly help

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

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

  • @user-pl7jd8jf4z
    @user-pl7jd8jf4z 10 หลายเดือนก่อน

    Nice

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

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

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

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

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

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

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

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

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

    Osm sir ❤️ as usual ✌️

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

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

  • @user-oq4mg2cg7c
    @user-oq4mg2cg7c 2 ปีที่แล้ว +1

    How about the Contentful~~~

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Woooo 😍😍😍😍

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

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

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

    excellent video bro 😍😍Can you do a flutter project too plz?

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

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

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

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

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

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

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

    I never knew that tailwind can applies with react native . Nice work!

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

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

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

    Please make more videos in react native and react js