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

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

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

  • @kishore7605
    @kishore7605 4 หลายเดือนก่อน +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  4 หลายเดือนก่อน +3

      Wow thank you so much!!

    • @nero1375
      @nero1375 4 หลายเดือนก่อน +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 4 หลายเดือนก่อน +5

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

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

      Glad to hear that!

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

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

    • @galaxies_dev
      @galaxies_dev  3 หลายเดือนก่อน +2

      Happy to hear that!

  • @alonsohernandez5373
    @alonsohernandez5373 4 หลายเดือนก่อน +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  4 หลายเดือนก่อน

      That is amazing to hear, congratulations!!

  • @ivanbuljovcic543
    @ivanbuljovcic543 2 หลายเดือนก่อน +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!

  • @jak3f
    @jak3f 4 หลายเดือนก่อน +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  4 หลายเดือนก่อน +1

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

  • @andrewheimdev
    @andrewheimdev 4 หลายเดือนก่อน +3

    Love these clone videos

    • @galaxies_dev
      @galaxies_dev  4 หลายเดือนก่อน +1

      Love to create them!

  • @arcadiecaldare6663
    @arcadiecaldare6663 3 หลายเดือนก่อน +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?

  • @exploit222
    @exploit222 4 หลายเดือนก่อน +2

    Supabase is my go to databass

  • @CraigCannon
    @CraigCannon 4 หลายเดือนก่อน +1

    Super thorough. Nice video 👏

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

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

  • @tamakunay9158
    @tamakunay9158 4 หลายเดือนก่อน +1

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

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

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

  • @tamaniphiri
    @tamaniphiri 4 หลายเดือนก่อน +1

    Amazing brother 💯🚀

    • @galaxies_dev
      @galaxies_dev  3 หลายเดือนก่อน +1

      Thanks 🔥

  • @CodeWithOgochukwu
    @CodeWithOgochukwu 2 หลายเดือนก่อน +1

    Wow. Nice one

    • @galaxies_dev
      @galaxies_dev  2 หลายเดือนก่อน

      Thanks a lot 😊

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

  • @greendsnow
    @greendsnow 4 หลายเดือนก่อน +17

    why use Clerk when you have Supabase?

    • @Kraktoos
      @Kraktoos 4 หลายเดือนก่อน +13

      He's sponsored

    • @yonasklibi1189
      @yonasklibi1189 4 หลายเดือนก่อน +3

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

    • @galaxies_dev
      @galaxies_dev  4 หลายเดือนก่อน +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 4 หลายเดือนก่อน +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....

  • @iaxelrad
    @iaxelrad 4 หลายเดือนก่อน +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  4 หลายเดือนก่อน +2

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

    • @iaxelrad
      @iaxelrad 4 หลายเดือนก่อน +1

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

  • @lukasz9627
    @lukasz9627 4 หลายเดือนก่อน +3

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

  • @Pransshhh
    @Pransshhh 4 หลายเดือนก่อน +1

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

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

    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  4 หลายเดือนก่อน

      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

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

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

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

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

  • @aymenbachiri-yh2hd
    @aymenbachiri-yh2hd 3 หลายเดือนก่อน +1

    Thank you so much simmon

    • @galaxies_dev
      @galaxies_dev  2 หลายเดือนก่อน

      You are welcome!

  • @ahmedomar-lv1sl
    @ahmedomar-lv1sl 4 หลายเดือนก่อน +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 TH-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.

  •  24 วันที่ผ่านมา

    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?

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

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

  • @parampatel2803
    @parampatel2803 2 หลายเดือนก่อน

    Storing files in Supabase storage would be expensive, right?

  • @the.oldest.developer
    @the.oldest.developer 4 หลายเดือนก่อน +1

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

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

      Wow, thanks!

  • @mattl7599
    @mattl7599 4 หลายเดือนก่อน +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.

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

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

  • @JeevanTV-do2hc
    @JeevanTV-do2hc 4 หลายเดือนก่อน

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

  • @freekeys
    @freekeys 4 หลายเดือนก่อน +1

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

  • @lisetmeza-r3n
    @lisetmeza-r3n 4 หลายเดือนก่อน +1

    Part seventeen publish on store?

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

    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  4 หลายเดือนก่อน

      I will check it out, thanks for the hint!

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

    This is gonna be fun

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

      Hope you'll enjoy it!

  • @DanielUnapanta
    @DanielUnapanta 4 หลายเดือนก่อน +1

    Amazing!

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

      You are welcome :)

  • @josequintin2467
    @josequintin2467 4 หลายเดือนก่อน +1

    Uauu. Fantastic!

  • @davidlintin
    @davidlintin 3 หลายเดือนก่อน +1

    RNFS for default function with SS 👍

  • @केशव108
    @केशव108 3 หลายเดือนก่อน

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

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

    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 หลายเดือนก่อน +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)!!

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

    simon, is secure using anonkey in production env?

  • @abdullahyalcn7814
    @abdullahyalcn7814 4 หลายเดือนก่อน +1

    super nice video

  • @franklinsecretario3862
    @franklinsecretario3862 4 หลายเดือนก่อน +1

    why you don't use nativewind on styling?

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

      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  4 หลายเดือนก่อน

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

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

    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?

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

      What is the issue?

  • @Gangbuster74
    @Gangbuster74 2 หลายเดือนก่อน

    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

  • @VishalPandey-c8k
    @VishalPandey-c8k 4 หลายเดือนก่อน

    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 4 หลายเดือนก่อน

      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,

  • @iaxelrad
    @iaxelrad 4 หลายเดือนก่อน +1

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

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

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

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

    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 4 หลายเดือนก่อน +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 4 หลายเดือนก่อน

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

    • @TheLeonelStreet
      @TheLeonelStreet 4 หลายเดือนก่อน +1

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

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

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

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

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

    • @galaxies_dev
      @galaxies_dev  4 หลายเดือนก่อน +1

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

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

    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 4 หลายเดือนก่อน

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

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

    Maravilhoso 😍

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

    Teach us how to download the app on Google Play

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

    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  4 หลายเดือนก่อน +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 4 หลายเดือนก่อน

      @@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 4 หลายเดือนก่อน

      @@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. :)

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

    Please make a beeper or texts clone

  • @hellforall8140
    @hellforall8140 2 หลายเดือนก่อน

    Bruh start using native wind style sheet is frustrating

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

    What makes firebase not so cool anymore? Genuinely curious

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

      It's still cool :)

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

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

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

    500 number like me