Video není dostupné.
Omlouváme se.

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

Sdílet
Vložit
  • čas přidán 25. 08. 2024

Komentáře • 367

  • @SonnySangha
    @SonnySangha  Před rokem +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 Před 11 měsíci

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

    • @cipotusoa
      @cipotusoa Před 7 měsíci

      Why?

  • @programmermaureen7201
    @programmermaureen7201 Před 2 lety +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 Před 2 lety

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

    • @programmermaureen7201
      @programmermaureen7201 Před 2 lety +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 Před 2 lety

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

    • @laughingspunk9137
      @laughingspunk9137 Před rokem

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

    • @programmermaureen7201
      @programmermaureen7201 Před rokem +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 Před rokem +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 Před 2 lety +21

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

  • @AbiNephilim
    @AbiNephilim Před rokem +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.

  • @aisteinlaw1558
    @aisteinlaw1558 Před 2 lety +5

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

  • @DeniseNelson1
    @DeniseNelson1 Před 2 lety +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 Před 2 lety

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

  • @lokindradangi
    @lokindradangi Před 2 lety +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 Před 2 lety

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

    • @hooyah
      @hooyah Před 2 lety

      thanks. its work for me.

    • @devdanny4926
      @devdanny4926 Před 2 lety +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 Před 2 lety

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

    • @ratnakarmishra623
      @ratnakarmishra623 Před 2 lety

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

  • @cinturonnegro1263
    @cinturonnegro1263 Před 2 lety +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

  • @rreay724
    @rreay724 Před rokem +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 Před 2 lety +1

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

  • @skilla10101
    @skilla10101 Před 2 lety +2

    Sonny wowwww lets finish this app bro. LETS GOOOO.

  • @dfordemo981
    @dfordemo981 Před 2 lety +1

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

  • @hasanhafiz
    @hasanhafiz Před 2 lety +4

    You are just changing the tutorial culture. Huge respect ✊

  • @wolfheart4563
    @wolfheart4563 Před 4 měsíci

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

  • @patrickkioko8191
    @patrickkioko8191 Před 2 lety +1

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

  • @sohrabhossain9905
    @sohrabhossain9905 Před rokem +3

    Really loved your project and explanation ❤

  • @diegodominguez6768
    @diegodominguez6768 Před rokem +2

    Just finished this project! Thanks Sonny 👑

    • @priyanshupandey3148
      @priyanshupandey3148 Před rokem

      How did you get the sanity data ?

    • @priyanshupandey3148
      @priyanshupandey3148 Před rokem

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

    • @tl6359
      @tl6359 Před rokem

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

  • @EktaAnkitni
    @EktaAnkitni Před 9 měsíci +1

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

  • @adi9781
    @adi9781 Před 2 lety +1

    The OG is back!

  • @zeroclp4503
    @zeroclp4503 Před rokem +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 Před rokem

      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 Před rokem

      Give the code

    • @Zero-nw4hc
      @Zero-nw4hc Před rokem +1

      Do you have source code?

  • @Zack-oy2tz
    @Zack-oy2tz Před 2 lety +1

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

  • @franciscojaviergonzalezsan2367

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

    • @oyesaurabh
      @oyesaurabh Před rokem

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

  • @joscript7846
    @joscript7846 Před 2 lety +1

    Cool
    Am still practicing with the medium clone

  • @RahulSharma-ke7wg
    @RahulSharma-ke7wg Před 2 lety

    i just love this channel.whenever i come here

  • @JoshuaMusau
    @JoshuaMusau Před rokem

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

  • @godfreyndiritu9062
    @godfreyndiritu9062 Před 2 lety

    You're simply the best Sonny

  • @devdanny4926
    @devdanny4926 Před 2 lety +1

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

  • @prashantkumarsingh689
    @prashantkumarsingh689 Před 2 lety

    Hey Sonny always do start with this music its just awesome

  • @SteeveDIm
    @SteeveDIm Před 2 lety

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

  • @jamesvaughanllewellyn1315

    You are amazing Sonnny😁

  • @justicefrancis2002
    @justicefrancis2002 Před 2 lety +1

    i love this, respect

  • @omerakkoca8263
    @omerakkoca8263 Před rokem

    Thanks for the tutorial Sonny

  • @calebcadainoo
    @calebcadainoo Před 2 lety +1

    Completed build

    • @ivity2353
      @ivity2353 Před 2 lety

      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 Před 2 lety

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

  • @JM-cf8zy
    @JM-cf8zy Před rokem +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 Před rokem +3

    Totally completed. Thank you so much for this!!

  • @bw7868
    @bw7868 Před 2 lety

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

  • @tdlearn3982
    @tdlearn3982 Před 2 lety +1

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

  • @universecode1101
    @universecode1101 Před 2 lety +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 Před 2 lety +1

      yoo i see you in programming channels lets ggggggggggggggggggggooooooooooo

    • @ivity2353
      @ivity2353 Před 2 lety +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 Před 2 lety +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 Před 2 lety +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 😁👍🏻

  • @natizerai
    @natizerai Před rokem

    OMG this guys is legend!

  • @renekutter7562
    @renekutter7562 Před 2 lety

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

  • @oficinah2470
    @oficinah2470 Před 2 lety

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

  • @nemanjagligovic3506
    @nemanjagligovic3506 Před 8 měsíci

    Sonny you are the best ❤

  • @boedaqsunda4255
    @boedaqsunda4255 Před 2 lety

    works, keep up the good work man

  • @nihaltiwari2479
    @nihaltiwari2479 Před 2 lety

    Your content is crazy man

  • @rachidb9624
    @rachidb9624 Před 8 měsíci

    Thanks man !

  • @sandeepsunny8467
    @sandeepsunny8467 Před 2 lety

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

  • @valeredwandji3599
    @valeredwandji3599 Před rokem

    tes video sont très pationnante. merci

  • @sheheryarqazi1006
    @sheheryarqazi1006 Před 2 lety

    GOAT Teacher

  • @jamesvongampai5592
    @jamesvongampai5592 Před 2 lety

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

  • @sdn47payakumbuh10
    @sdn47payakumbuh10 Před rokem

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

  • @sankalpaneupane5954
    @sankalpaneupane5954 Před 2 lety

    You're great man!!

  • @shellykapoor1958
    @shellykapoor1958 Před rokem

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

  • @parnaell7320
    @parnaell7320 Před 2 lety

    Thank you so much! It work!

  • @notharsh
    @notharsh Před 2 lety

    Amazing video.
    Thank you Sonny

  • @InnovixusTechnology
    @InnovixusTechnology Před 3 měsíci

    Bro nice project 👍

  • @uchechris7822
    @uchechris7822 Před rokem +1

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

  • @silenttraveler1816
    @silenttraveler1816 Před rokem

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

  • @zakirbangash3185
    @zakirbangash3185 Před rokem +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 Před rokem +1

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

  • @jimmyopot1972
    @jimmyopot1972 Před 2 lety

    In Papa React I believe!!!

  • @devsmith948
    @devsmith948 Před 2 lety

    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 Před 2 lety +2

    Really love your projects and builds 😍👏👏

  • @nemopeti
    @nemopeti Před 10 měsíci

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

  • @mikebeats3281
    @mikebeats3281 Před rokem

    Backend is the most important😂🎉

  • @yasirtawfeq3556
    @yasirtawfeq3556 Před rokem

    Thanks a lot

  • @typicalindiancoderwhowatch8458

    Great build 🔥🔥

  • @vaibhavgoel01
    @vaibhavgoel01 Před 2 lety +2

    tailwind css just oupdated sir kindly help

  • @adamgerber7824
    @adamgerber7824 Před 2 lety

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

  • @user-pl7jd8jf4z
    @user-pl7jd8jf4z Před 10 měsíci

    Nice

  • @Ceo_Hub
    @Ceo_Hub Před 2 lety +1

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

  • @tomerhertz8502
    @tomerhertz8502 Před rokem +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 Před rokem +1

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

  • @kedarkulkarni7426
    @kedarkulkarni7426 Před 2 lety

    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 Před 2 lety

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

  • @frostyfreezemovies
    @frostyfreezemovies Před 2 lety

    Osm sir ❤️ as usual ✌️

  • @josbexerra8115
    @josbexerra8115 Před 2 lety

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

  • @user-oq4mg2cg7c
    @user-oq4mg2cg7c Před 2 lety +1

    How about the Contentful~~~

  • @kulvirsingh4568
    @kulvirsingh4568 Před 2 lety

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

  • @BenGodot
    @BenGodot Před 2 lety

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

  • @marcossouzajr1711
    @marcossouzajr1711 Před 2 lety

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

  • @varaliyakrunal875
    @varaliyakrunal875 Před 2 lety

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

  • @surajgaikwad4655
    @surajgaikwad4655 Před rokem +1

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

  • @martins6341
    @martins6341 Před 2 lety +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 Před rokem

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

  • @whoribleplayer
    @whoribleplayer Před 2 lety

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

  • @facebookrakesh5572
    @facebookrakesh5572 Před 6 měsíci

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

  • @SuperArnie1974
    @SuperArnie1974 Před 2 lety +1

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

  • @parichaypari7872
    @parichaypari7872 Před rokem +1

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

    • @Balaji_G
      @Balaji_G Před rokem +1

      Search abt nativewind bro

  • @ihyuga
    @ihyuga Před 2 lety

    Woooo 😍😍😍😍

  • @mariejolie2645
    @mariejolie2645 Před rokem

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

  • @nirvanzentinal
    @nirvanzentinal Před 2 lety

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

  • @xqc7087
    @xqc7087 Před 10 měsíci

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

  • @jeremiahtrujillo2636
    @jeremiahtrujillo2636 Před rokem +2

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

  • @vincenttanguayy
    @vincenttanguayy Před 2 lety

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

  • @sirsuer6726
    @sirsuer6726 Před 2 lety

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

  • @theprofile4676
    @theprofile4676 Před rokem +1

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

  • @tvkiduniya6685
    @tvkiduniya6685 Před 2 lety

    Please make more videos in react native and react js