Building a Telegram Clone with React Native, Expo, Stream and Supabase

Поділитися
Вставка
  • Опубліковано 10 січ 2025

КОМЕНТАРІ • 72

  • @notjustdev
    @notjustdev  8 місяців тому +11

    🚀 Build your own chat application with Stream for FREE: bit.ly/3y0WRd6

  • @adityajohn6539
    @adityajohn6539 2 місяці тому +4

    it was shocking to hear more than 99% are not subscribed being a full stack dev and a react native dev i enjoyed your videos and i also recreated the flappy bird and this application side by side you so yeah i really loved your work hope to see more from you...

  • @francescopiscani3504
    @francescopiscani3504 8 місяців тому +3

    From the little that I know from Supabase, one thing so far that I like very much is that batteries are included. Is nice to see that it doesn't force the user to download a zillion separate packages. This will give it a head start in many projects vis-a-vis other libraries.

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

      Yes, that's true! That's also a reason why I love using Supabase

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

    🚀 This is the ultimate guide to building your own Telegram clone using React Native, Expo, Stream, and Supabase! 📱💻 Watch till the end to see how all these tools come together seamlessly.
    Make sure to subscribe and drop a like if you're excited about mobile app development or want to see more tutorials like this!🔥💬
    If you have any questions or need help with your own project, feel free to comment below, and I'll be happy to help. Let's build something amazing together! 🤝✨
    #ReactNative #TelegramClone #Expo #StreamChat #Supabase #AppD

  • @olawaleyahaya1892
    @olawaleyahaya1892 8 місяців тому +3

    I love your videos, I love that you build new projects constantly. I'm inspired, I hope to be better one day, I'm trying.

  • @idckdolphins
    @idckdolphins 7 місяців тому +12

    I woke up at 6 am to this... xD gotta love youtube algorithm

  • @TheStudyGuy1
    @TheStudyGuy1 8 місяців тому +2

    You’re amazing man ❤️🔥

  • @ShafiulI
    @ShafiulI 7 місяців тому +1

    I faced a problem which is "cant read property token of null". What should I do to fix it?

  • @dng_huyy
    @dng_huyy 17 днів тому

    hello, i'm having an error which is the container already in use, but when I list it out, it doesn't have any container with that name to remove, can you help me please

  • @meewooo_
    @meewooo_ 4 місяці тому

    hello, some stuff dont work like in the tutorial like tabs navigation, could it be because there was an update with react router or something?

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

    Keep up this good work. 👍 😊

  • @htr7254
    @htr7254 5 днів тому

    Can we create or generateToken without using edge functions? it's not working in my case. Some one please explain.

  • @boersteproductions
    @boersteproductions 17 днів тому

    Do u build apps for customers?

  • @felixlaga1506
    @felixlaga1506 Місяць тому

    Hi i am building a app and wanted to use stream-chat to build a chat interface. I am using clerk for auth and supabase fot data storage. I have already build the most of my app only the chat interface is left. When i use the overlayprovider i get really weird errors like: Uncaught Error
    Cannot read properties of undefined (reading 'RNFSFileTypeRegular'). And: Uncaught Error
    An error was thrown when attempting to render log messages via LogBox.
    Cannot read properties of undefined (reading 'decode').
    And its like a 1000+ of the same errors. Does anyone know wh this is happening, i suspect some conlficting packeges or somethin but i cannot find a solution or the life of me :(

  • @victoressang
    @victoressang 4 дні тому

    Thanks a lot for putting this together. Please I need help with creating a global group chat, and making it visible for other users. I've been stuck in this for days now. I just need to be able to have a list of all the channels created in my application by other users. Then with a click, the user joins.. I can handle the joining part but I can seem to display all the channels created by different users in my application. I've watched this video and practised to the end.
    Please come through for me. Thanks

  • @michelgerges2678
    @michelgerges2678 8 місяців тому +4

    Everything is good your tutorials and videos are amazing but i don't know if it's just me or anybody else i used to work with react native cli for 2 years and now i feel expo is a hassle especially with expo router i got used to react navigation and the react native cli env i know that expo is easier and the community is moving towards it but let's see if its going to replace react native cli in terms of production apps

    • @PersonalAccount-e1y
      @PersonalAccount-e1y 8 місяців тому

      Hey bro, when you apply on a job there saying just react native does this mean cli or expo, cause I used to use expo and I wanna switch to cli

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

      Expo router give me headaches with all the folders with the same file name 'index!! I end up mixing up the files many times!
      I prefer putting the navigation into a main navigation file with tabs & stacks where I can easily differentiate the files by the name!

  • @matheusspinosa9201
    @matheusspinosa9201 6 місяців тому

    I'm think so much in buy a membership of your channel now

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

    Vadim thank you for your tutorial, it was great. I ran into a problem where the code works but it always redirects me to the index page. this happened once I was already authenticated. Being that the home index page did not have a back button as I was following your tutorial step by step I did not think to add a back button because you didn't do it in your video tutorial. Now I am stuck because being that I am already authenticated it bypasses the login page and I cannot get out of the page. Everytime I reload it bypasses login and it goes back to the index page. Please do you have any ideas.

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

    Hello sir, I'm having a little issue while rendering DP of other users in tabs index
    I don't know why my tabs index where all channels are visible, I am not able to see the user profile photo.
    I'm using a expo in my android physical device
    any suggestion why this is happening?
    Thanks for this good lecture

  • @shad-intech
    @shad-intech 8 місяців тому

    What theme are you using?

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

    hello Sir , since i installed expo sdk 51 , my app crashes directly on ios , and for the android : it works fine for about 30 secondes , then no backend call works , can you help me please ?

  • @aymenbachiri-yh2hd
    @aymenbachiri-yh2hd 8 місяців тому

    Thank you, helpful tutorials

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

    amazing bro ❤

  • @Amir_k-h9d
    @Amir_k-h9d 3 місяці тому

    Awesome Teaching

  • @birukarega6815
    @birukarega6815 4 місяці тому

    Great video. Could you also develop a clone of Plus messenger that is built on telegram api or something similar? Thanks

  • @Varun-ms5iv
    @Varun-ms5iv 8 місяців тому

    Hey when I use npx create-expo-app@latest command it is giving me the expo with router navigation config not simple template like yours so I have to use npx create-expo-app --template to select the blank template to get files just like yours. Why is this happening?

    • @notjustdev
      @notjustdev  8 місяців тому +2

      The new expo sdk 51 updated the default template. To use the previous blank template, you did it correctly, we should use the -template and select blank

    • @Varun-ms5iv
      @Varun-ms5iv 8 місяців тому

      Thank you @notjustdev

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

      I am also confusing

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

      Do you know full command npx create-expo-app --template

  • @aliza.aslam123
    @aliza.aslam123 6 місяців тому

    how is your code working without downloading the stream-chat-expo beacause code is not working without that dependency installed

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

    Good video
    Thanks for it

  • @BurgessUran
    @BurgessUran 5 місяців тому

    Superb voice acting

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

    why dont i have App.js when i make project...
    i have this problem

    • @notjustdev
      @notjustdev  7 місяців тому +1

      The default template of expo has been updated. Run `npx create-expo-app@latest --template" and choose the blank template to have the same files as me

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

      @@notjustdev thank you so muchhhh!!!

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

    When i install the app using your command i get 1000 files and folders...

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

    thank you very much

    • @notjustdev
      @notjustdev  7 місяців тому +1

      You are welcome🙌

  • @voila_az
    @voila_az 6 місяців тому

    вот со стримами у меня пока беда. Никак не научусь их делать. спасибо за видео и за ваши труды!

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

    But now react native expo change

  • @ReluxGlatzel
    @ReluxGlatzel 2 місяці тому

  • @nurmuhammadhassan4573
    @nurmuhammadhassan4573 8 місяців тому +1

    I don't know why you choose to use supabase many people are not familiar with it,and alot would like to implement the video calling functionality in their app, now it's means if you really need to implement this tutorial in your real world app u have to learn superbase which is discouraging,u should have used something like firebase 😢

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

      I prefer supabase over firebase.

    • @Innesb
      @Innesb 8 місяців тому +1

      Supabase uses standard Postgresql, not a proprietary database implementation like Firebase. Also, Supabase can be self-hosted as it’s open source. I’d recommend Supabase for most projects now.

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

      @@SatoshiNakamono that's is because you know it but 80% of people are not familiar with it

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

      @@nurmuhammadhassan4573 then learn it

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

      supabase is the future

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

    :D

  • @Lagarton-up
    @Lagarton-up 2 місяці тому

    WTF

  • @danielzaniewski1108
    @danielzaniewski1108 6 місяців тому

    Welcome,
    I have problem with env file and process.env EXPO_PUBLIC with api key and supabase.
    I have request to You @notjustdev.
    Could You explain it ? How correct implement and config env please?
    Thank You

  • @killerpopholly4054
    @killerpopholly4054 4 місяці тому

    Hello React Native Master 🙏
    I have a problem, I'm on an iPhone with Expo Go, and when I try to select an image in my Gallery, I have an error which says : "No suitable URL Request handler found for ph://3A84F859-005F-4E47-BC4D-53B26804ACC7/L0/001"
    Any idea?? Because after that my gallery open but it's all black I do not see anything. I agree with the rights to open gallery on my phone, but anyway...

    • @notjustdev
      @notjustdev  4 місяці тому

      Hey! 🙏 This issue usually happens because Expo Go doesn't fully support the ph:// scheme used by iOS for local photos. Try these steps:
      1. Use expo-image-picker: Ensure you're using the expo-image-picker library to access photos.
      2. Upgrade Expo: Make sure your Expo SDK is up to date.
      3. Development Build: Consider using a development build instead of Expo Go, as it provides full native module support.
      If the issue persists, building a custom dev client might be necessary.

    • @killerpopholly4054
      @killerpopholly4054 4 місяці тому

      @@notjustdev First, thanks for this complete and quick answer !!
      I understand what happens, I'm new to Expo, I'm a React JS / C# developer, so these little partycularities are new for me :D
      I will try expo-image-picker, Expo SDK is already up to date, and I will see after the results.
      Thanks again!!