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

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

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

  • @SonnySangha
    @SonnySangha  2 года назад +12

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

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

    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.

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

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

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

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

    Sonny wowwww lets finish this app bro. LETS GOOOO.

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

    Your builds always help me a lot to improve my coding skills in react, Dude. 🚀🚀
    Thanks a lot, 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😄😄😄

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

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

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

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

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

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

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

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

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

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

    You are just changing the tutorial culture. Huge respect ✊

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

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

    The OG is back!

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

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

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

    Really loved your project and explanation ❤

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

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

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

    Thanks for the tutorial Sonny

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

    You're simply the best Sonny

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

    Cool
    Am still practicing with the medium clone

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

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

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

    i just love this channel.whenever i come here

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

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

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

    Hey Sonny always do start with this music its just awesome

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

    Totally completed. Thank you so much for this!!

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

    Sonny you are the best ❤

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

    You are amazing Sonnny😁

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

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

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

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

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

    tes video sont très pationnante. merci

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

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

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

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

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

    Thanks man !

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

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

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

    i love this, respect

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

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

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

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

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

    works, keep up the good work man

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

    OMG this guys is legend!

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

    Thank you so much! It work!

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

    Amazing video.
    Thank you Sonny

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

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

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

    GOAT Teacher

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

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

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

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

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

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

    You're great man!!

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

    Your content is crazy man

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

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

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

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

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

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

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

    Great build 🔥🔥

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

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

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

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

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

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

  • @JM-cf8zy
    @JM-cf8zy 2 года назад +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.

  • @prafulrane9037
    @prafulrane9037 2 месяца назад

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

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

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

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

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

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

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

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

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

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

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

    Backend is the most important😂🎉

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

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

  • @nafisfuadshahid
    @nafisfuadshahid 7 месяцев назад

    is there anyway i can copy your sanity dataset?

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

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

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

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

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

    Bro nice project 👍

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

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

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

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

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

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

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

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

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

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

    Thanks a lot

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

    can you do the rider application too ?

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

    Really love your projects and builds 😍👏👏

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

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

  • @chrionimayoka1684
    @chrionimayoka1684 Месяц назад +1

    DRC is there ♠

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

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

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

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

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

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

  • @纪森程
    @纪森程 2 года назад +1

    How about the Contentful~~~

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

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

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

    can i use this as a multi vendor !

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

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

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

    Part 2 is coming?

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

    We are not using type script?

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

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

    Bro which music you are using on background while developing ?

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

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

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

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