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

[@kishore7605]

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]

Wow thank you so much!!

[@nero1375]

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

[@swdotdev]

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

[@galaxies_dev]

Glad to hear that!

[@pH7Programming]

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

[@galaxies_dev]

Happy to hear that!

[@arcadiecaldare6663]

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?

[@alonsohernandez5373]

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]

That is amazing to hear, congratulations!!

[@ivanbuljovcic543]

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]

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]

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

[@iaxelrad]

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]

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

[@iaxelrad]

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

[@greendsnow]

why use Clerk when you have Supabase?

[@Kraktoos]

He's sponsored

[@yonasklibi1189]

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

[@galaxies_dev]

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]

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

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

[@exploit222]

Supabase is my go to databass

[@andrewheimdev]

Love these clone videos

[@galaxies_dev]

Love to create them!

[@Pransshhh]

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

[@FatihOzkr]

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]

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

[@galaxies_dev]

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

[@mattl7599]

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]

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

[@lukasz9627]

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

[@CraigCannon]

Super thorough. Nice video 👏

[@galaxies_dev]

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

[@lisetmeza-r3n]

Part seventeen publish on store?

[@davidlintin]

RNFS for default function with SS 👍

[@seyramize]

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

[@tamaniphiri]

Amazing brother 💯🚀

[@galaxies_dev]

Thanks 🔥

[@JeevanTV-do2hc]

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

[@parampatel2803]

Storing files in Supabase storage would be expensive, right?

[@franklinsecretario3862]

why you don't use nativewind on styling?

[@J1n_Dev]

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]

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

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

[@freekeys]

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

[@the.oldest.developer]

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

[@galaxies_dev]

Wow, thanks!

[@JeanPierreCasanovaFuentes]

simon, is secure using anonkey in production env?

[@galaxies_dev]

Yes

it was so good tutorial thanks a lot♥

[@Dik131WZD]

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

[@luq670]

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]

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

[@dshukertjr]

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]

I will check it out, thanks for the hint!

[@junioroga]

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

[@galaxies_dev]

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

[@CodeWithOgochukwu]

Wow. Nice one

[@galaxies_dev]

Thanks a lot 😊

[@samshon9285]

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

[@galaxies_dev]

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

[@aymenbachiri-yh2hd]

Thank you so much simmon

[@galaxies_dev]

You are welcome!

[@jackdelamou9012]

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]

What is the issue?

[@chrisorr5223]

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]

Thanks for the idea!

[@RambleOnRose42]

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

[@m__link6499]

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]

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

[@केशव108]

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

[@mohammadabbas1623]

This is gonna be fun

[@galaxies_dev]

Hope you'll enjoy it!

[@VishalPandey-c8k]

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]

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,

[@aura_it]

Teach us how to download the app on Google Play

[@DanielUnapanta]

Amazing!

[@galaxies_dev]

You are welcome :)

[@josequintin2467]

Uauu. Fantastic!

[@ahmedomar-lv1sl]

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 KZbin discussing this topic. I hope to create a video on building APK optimizations.

[@davidlintin]

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.

[@ashleyhylton802]

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

[@TheLeonelStreet]

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]

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

[@TheLeonelStreet]

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

[@galaxies_dev]

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

[@abdullahyalcn7814]

super nice video

[@galaxies_dev]

Thank you!

[@iaxelrad]

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

[@galaxies_dev]

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

[@nohandleavails]

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

[@raphaeljaggerd3585]

Please make a beeper or texts clone

[@iaxelrad]

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]

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]

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

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

[@silvaneimartins2487]

Maravilhoso 😍

[@nathandowner6007]

What makes firebase not so cool anymore? Genuinely curious

[@galaxies_dev]

It's still cool :)

[@nero1375]

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

[@hellforall8140]

Bruh start using native wind style sheet is frustrating

[@wheeltech242]

500 number like me