Build a Trello Clone with React Native (Supabase, Expo Router, Push, Clerk, Drag & Drop)

Поділитися
Вставка
  • Опубліковано 21 лис 2024

КОМЕНТАРІ • 106

  • @kishore7605
    @kishore7605 3 місяці тому +17

    I just started learning React Native, and your content is incredible! It’s been a huge help, and I love how you explain everything so clearly. Your channel is criminally underrated! 😂

    • @galaxies_dev
      @galaxies_dev  3 місяці тому +3

      Wow thank you so much!!

    • @nero1375
      @nero1375 3 місяці тому +1

      Besides the age of RN, it is still a niche tech and has a lot of hate from native and flutter devs hehehe

  • @swdotdev
    @swdotdev 3 місяці тому +5

    Every video I learn something new from you. Thanks for showing expo/react-native-action-sheet.

  • @pH7Programming
    @pH7Programming 3 місяці тому +3

    Your energy & motivation make everything SOOO enjoyable to watch! 👌

  • @ivanbuljovcic543
    @ivanbuljovcic543 Місяць тому +2

    Great tutorial so far (haven't finished it yet)!
    However, it would be much more helpful if you disabled co-pilot suggestions and slow down a bit... I'm watching the tutorial at 0.75x speed because I can't seem to catch everything that is either being pasted into the code or generated by co-pilot
    And thank you for making these videos! Helps a lot!

  • @alonsohernandez5373
    @alonsohernandez5373 3 місяці тому +1

    thanks sr, i gonna learn a lot of this, actually i started in react native for you, now im developing apps for the company I work for. THANKS A LOT

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

      That is amazing to hear, congratulations!!

  • @jak3f
    @jak3f 3 місяці тому +1

    Very cool. Another amazing video, will study these topics. I have adopted some of your best strategies from your videos in my app and its looking amazing. I wish you had put a quick walkthrough of all features at the end of this one so I could just show people what you accomplish in one long video. Great stuff keep it up.

    • @galaxies_dev
      @galaxies_dev  3 місяці тому +1

      Great idea, I'll try to do this in the future!

  • @exploit222
    @exploit222 3 місяці тому +2

    Supabase is my go to databass

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

    Hi Simon, it's a great tutorial to learn different approaches and helpful techs. Much appreciated for your great clone videos. Nevertheless, although I am applying the same steps you did I am having the Unmatched Route(page could not be found) issue after the oAuth.

  • @tamakunay9158
    @tamakunay9158 3 місяці тому +1

    looking forward to building this app. Just started and so far learning some new things already

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

      If you enjoyed it, could you share the channel with your RN buddies? ️👋
      Thanks!

  • @CraigCannon
    @CraigCannon 3 місяці тому +1

    Super thorough. Nice video 👏

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

      If you enjoyed it, could you share the channel with your RN buddies? ️👋
      Thanks!

  • @andrewheimdev
    @andrewheimdev 3 місяці тому +3

    Love these clone videos

  • @iaxelrad
    @iaxelrad 3 місяці тому +1

    Regarding the StyleSheet import - When you create your components instead of using rfne you can easily use rfnes and it adds the style object with the StyleSheet imported. worst case scenario it's left empty and you clean it afterwards.

    • @galaxies_dev
      @galaxies_dev  3 місяці тому +2

      OH MY GOD THIS CHANGES EVERYTHING!! Just saw it, thank you so much :D

    • @iaxelrad
      @iaxelrad 3 місяці тому +1

      @@galaxies_dev also you can do tsrfne/s to get the template to component props type/interfaces

  • @tamaniphiri
    @tamaniphiri 3 місяці тому +1

    Amazing brother 💯🚀

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

    Love the content! Just one thing, the Supabase logo in the thumbnail is a wrong one. You are using the correct on within the video though!

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

      I will check it out, thanks for the hint!

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

    Hi Simon, yet another great video! Really appreciate your projects. Got one question: what is the correct (and safe) approach for storing/handling secrets/key like those from .env file (Supabase/Clerk) ?
    I am asking as I'm newbie and rather backend dev. Would you share some links/articles?

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

      You can't have them in any safe way in your React Native app, they need to live inside a server environment! Probably not the answer you want to hear, but it's a tricky one. Even ChatGPT can't give a great solution, but usually you need to have sort of a proxy server that does the job and your app connects to the server which then does the "critical" stuff

  • @VishalPandey-c8k
    @VishalPandey-c8k 3 місяці тому

    hey simon,
    I’m a huge fan of your content and appreciate the way you break down complex topics into understandable, engaging tutorials. Your videos have been incredibly helpful in my journey as a developer.
    I wanted to suggest a video idea that I believe would be highly beneficial to many viewers, including myself. Could you create a tutorial on building an Uber clone that covers both the user and driver aspects? It would be amazing to see a comprehensive guide that explores both sides of the application, including user booking features, driver management, real-time location tracking, and payment integration.
    I think this could be a fantastic addition to your channel and would provide a lot of value to developers interested in creating similar applications. Thanks for considering my suggestion!

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

      dude, why do you not create it? With this mindset, you will always wait for a tutorial to "know" how to do stuff. Seeing Simon doing is a thing, coding by yourself is the real thing,

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

    Amazing video! Awesome as always! Which extension do you use to show errors while writing in vscode?

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

      The CLI log at the bottom? Not sure what you mean!

  • @the.oldest.developer
    @the.oldest.developer 3 місяці тому +1

    OMG start video talking like a rocket LOL... anyway you do the best RN videos so far man, thank you

  • @CodeWithOgochukwu
    @CodeWithOgochukwu Місяць тому +1

    Wow. Nice one

  • @lukasz9627
    @lukasz9627 3 місяці тому +3

    Kannst du mal ein Tutorial machen, wie man eine React Natvie Expo Todo App von Anfang bis Ende macht?

  • @aymenbachiri-yh2hd
    @aymenbachiri-yh2hd 2 місяці тому +1

    Thank you so much simmon

  • @greendsnow
    @greendsnow 3 місяці тому +17

    why use Clerk when you have Supabase?

    • @Kraktoos
      @Kraktoos 3 місяці тому +13

      He's sponsored

    • @yonasklibi1189
      @yonasklibi1189 3 місяці тому +3

      Great question - I would like to know that too. 👌

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

      Clerk offers way more in terms of real user management. For many basic apps Supabase auth is absolutely enough and works great, but Clerk has features that go way beyond basic auth like the webhooks we used, impersonating users, multi-tenancy... just to name a few.
      Plus we haven't really touched the pre-build UI components of Clerk in here, which you can easily use in the web version of your React project.
      But again, Supabase auth can definitely be enough for many other (especially indie focused) apps.

    • @nero1375
      @nero1375 3 місяці тому +3

      @@Kraktoos hey dude, start a youtube channel and persist without any help or sponsors to be 100% out of bias. What an idiotic commentary. Well done

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

      Cause both have sponsored the video..... Ezy... Don't act dumb....

  • @Pransshhh
    @Pransshhh 3 місяці тому +1

    Please tell us how to publish these apps to App Store and Play Store. That would be very helpful.

  • @केशव108
    @केशव108 2 місяці тому

    Make more clone apps like youtube and many app so we have learn lots of things from you and that help for find job

  • @freekeys
    @freekeys 3 місяці тому +1

    How about: supertokens and Appwrite 🤔 please make review or comparison videos with other tech🤞

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

    Thank you for the video.
    What do you think about websim ai?

  • @davidlintin
    @davidlintin 2 місяці тому +1

    RNFS for default function with SS 👍

  • @arcadiecaldare6663
    @arcadiecaldare6663 2 місяці тому +1

    1:12:54 Been following the tutorial, and I see that the Clerk docs have changed regarding the clerk-supabase client, it only shows how to use it within components, because it now uses clerk hooks, so I basically make a custom hook that would return the supabase client, but I don't like this approach, isn't there a way to make it within a separate file outside of a component?

  • @ahmedomar-lv1sl
    @ahmedomar-lv1sl 3 місяці тому +2

    Why is the size of the APK so large? I installed a project, didn't write any code, and the built APK is 60MB.
    How can I reduce the size of the app? There are no videos on UA-cam discussing this topic. I hope to create a video on building APK optimizations.

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

      I think at least with iOS when you upload the app it gets uploaded as binary and compressed so the build is far greater than the actual published app.

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

    Would it be possible to add a C# backend to this awesome project, if yes how?

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

    Thanks for the video, I've been learning so much from these clones. I'd love to see you create a clone of TikTok or another social media app. I'm looking for something that can play video content which is saved in AWS or somewhere similar

    • @galaxies_dev
      @galaxies_dev  3 місяці тому +2

      Thanks for the idea!

    • @RambleOnRose42
      @RambleOnRose42 12 днів тому +1

      @@galaxies_dev YES!! I would absolutely love to see a social media app; especially if you did an onboarding flow (for example, a survey that every new user takes that affects what they see in the app)!!

  • @mattl7599
    @mattl7599 3 місяці тому +2

    I keep getting errors trying to get Clerk setup saying unable to resolve "expo-auth-session". This is after about 1 hour and 6 min into the video

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

      There seems to be a bug right now, you need to manually add expo-local-authentication.

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

    This is gonna be fun

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

    Storing files in Supabase storage would be expensive, right?

  •  4 дні тому

    when i used await selectedAuth(); code line sign up modal opening but after login i didn't see any user when i looked clerk user tab. I saw empty value for createdSessionId but i don't why. Could you please explain to me?

  • @abdullahyalcn7814
    @abdullahyalcn7814 3 місяці тому +1

    super nice video

  • @lisetmeza-r3n
    @lisetmeza-r3n 3 місяці тому +1

    Part seventeen publish on store?

  • @DanielUnapanta
    @DanielUnapanta 3 місяці тому +1

    Amazing!

  • @JeevanTV-do2hc
    @JeevanTV-do2hc 3 місяці тому

    Hello I'll like to ask which extention you are using while displaying error in vscode
    Thank you

  • @josequintin2467
    @josequintin2467 3 місяці тому +1

    Uauu. Fantastic!

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

    Hei Simon. This look to be a great tutorial, but unlucky for me I facing issues when trying to prebuild my app. Do you have some time to give me pointer?

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

    I use firebase over supabase, I like it why don't you? Not a personal thing just curious incase I feel like changing.

    • @TheLeonelStreet
      @TheLeonelStreet 3 місяці тому +1

      The reason is that in Firebase you cannot relate collections, only add data in collections and subcollections. And that's fine but there are projects that you need to relate the data if necessary.

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

      @@TheLeonelStreet ahhh the old no sql or sql database. I thought there might be a different reason.

    • @TheLeonelStreet
      @TheLeonelStreet 3 місяці тому +1

      @@ashleyhylton802 Both are good, it depends on what you need

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

      Both are great, and I'm actually working on a new Firebase video as well :)

  • @franklinsecretario3862
    @franklinsecretario3862 3 місяці тому +1

    why you don't use nativewind on styling?

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

      I am also interested in this. Altough i think his videos are also really easy to follow if you just install it and apply the stylings via nativewind by yourself

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

      I was still waiting for the next stable NW version, hope we can use it in the next clone!

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

    Maravilhoso 😍

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

    simon, is secure using anonkey in production env?

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

    I am always getting pod error in mac when i run expo prebuild command it fails to make make prebuild for ios, please me help me out I was following one your tutorial earlier I faced same issue

  • @iaxelrad
    @iaxelrad 3 місяці тому +1

    Did you notice that from 2:55:27 - 3:04:01 you're not screen sharing? haha

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

      omg..I'm so sorry, these videos take so much time editing 😂

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

      @@galaxies_dev Any chance you can upload the screen share from that missing section? Want to follow along with your code..

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

    Is there a project without clerk but with supabase for auth and db?

    • @galaxies_dev
      @galaxies_dev  3 місяці тому +1

      I do have a full course on that at Galaxies: galaxies.dev/course/react-native-supabase

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

    I wonder if i was the only one to get stuck at the supabase functions part until i realized i have to have docker desktop installed and running for it to work properly on a mac

    • @galaxies_dev
      @galaxies_dev  3 місяці тому +1

      If you want to run Supabase locally then yeah, you need to setup Docker and stuff. I didn't cover that as I used the cloud functions directly because of the sync with the Clerk webhook

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

      @@galaxies_dev I tried to follow along exactly what you did and for some reason it didn't let me until I ran docker desktop. the supabase cli didn't let me run the deploy function command 🤷🏼‍♂️

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

      @@galaxies_dev what it is, is not that you need Supabase local, but you do need docker desktop installed as it uses that to package up the edge functions. Not really obvious unless you don't happen to have docker installed at all. :)

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

    Teach us how to download the app on Google Play

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

    Hi Simon, I'm gettig an error the following error when I'm trying to create the project with npx create-expo-app : "Error: npm install exited with non-zero code: 1"😢Do you have an idea for helping me resolve it? Thank you

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

      Hey try node -v and
      npm -v see if they are up to date you can also try clearing npm cache

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

    Please make a beeper or texts clone

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

    Bruh start using native wind style sheet is frustrating

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

    What makes firebase not so cool anymore? Genuinely curious

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

      It's still cool :)

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

      boohoo, why the youtuber does not like my favorite tech ):

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

    500 number like me