Відео

You might want to start learning the basics of Javascript/Typescript/React first on web and then jump into Mobile development as it will be a much easier transition. In short though Javascript is the core language being used here while typescript is just syntax to make javascript easier to work with in development. React is a library of components that is built on top of javascript and finally React Native & Expo are frameworks that convert that javascript to be used on mobile platforms like Android with Java/Kotlin and iOS with Objective C. I hope that description helped and didn't just make it even more confusing lol

@@ReactNativeNerd thanks a lot

Thank you,!

Thanks, will do!

Glad you like the format!

Thank you! I do think Supabase is good for production since the database itself is just Postgres, if you don't like Supabase in the future then it is easy to migrate versus another platform like Firebase. Either are good options but if it's just a one person team then I for sure think Supabase is the better option, if you have the luxury of a bigger team then Node.js/Nest.js can be great options as well!

There's two different methods of routing in React Native & Expo. The older version is called React Navigation while I'm using a newer method called Expo Router which is a file based routing system similar to Next.js. Both work great but Expo Router will only be used on newer videos

For sure, React Native works on both iOS and Android. Once you run `npx expo start` it will give you the option to run on an iOS emulator or Android one

@@ReactNativeNerd in my project there is no babel config js file what's solution for it?

Honestly the best place to start is with plain React on the web, once you comfortable with the React concepts, moving to React Native & Expo will be a much easier transition that trying to learn everything at once. You can even just start with the React documentation building a simple app react.dev/learn/tutorial-tic-tac-toe. I hope that helps!

@@ReactNativeNerdThank you 🙏

Yup you can rename however you see makes the most sense. They always say the hardest thing in programming is..naming 😂

You can use react-native-svg and save the SVG as its own file and import into the navigator, replacing the expo-icons import. ie ``` import Svg, { Circle } from 'react-native-svg'; export default function CircleIcon() { return ( <Svg width="12" height="12" viewBox="0 0 12 12" fill="none"> <Circle cx="6" cy="6" r="3.5" fill="#3E8AFA" /> </Svg> ); } ```

Yup, the goal of this course was to just hit the time limit of 5 hrs and get the basic features in there. On my next course I follow best practices and go into more detail. Thanks for the call out!

For sure, you can delete a row in a table with const response = await supabase.from('users').delete().eq('id', ID_HERE)

@@ReactNativeNerd Yeah. but I'm actually talking about deleting users from auth table!

@@traveltourwithalbertceo1003 You need admin abilities but this would do the trick const { data, error } = await supabase.auth.admin.deleteUser(USER_ID)

Yup good call out, I didn't cover Android much in this series but doing another series on building Threads from scratch where I'll cover that process more!

Good question, didn't cover Android in this tutorial but another follower figured out this issue. You need to ask for microphone permission as well on Android docs.expo.dev/versions/latest/sdk/camera/#usemicrophonepermissionsoptions

Yup good call out! Although putting that line in expo-env.d.ts might get overwritten when you rebuild with expo, would be better creating a new file called nativewind-env.d.ts with that same line of code

The models are covered a few times throughout the video series or you can use the code TIKTOK for 50% for the full repo and course

Copy and paste into your schema.prisma file and run: npx prisma format model User { id String @id @unique username String @unique email String @unique createdAt DateTime @default(now()) videos Video[] likes Like[] followers Follower[] comments Comment[] chats Chat[] } model Video { id String @id @default(dbgenerated("uuid_generate_v4()")) title String uri String userId String user User @relation(fields: [userId], references: [id], onDelete: Cascade) likes Like[] createdAt DateTime @default(now()) comments Comment[] } model Like { id String @id @default(dbgenerated("uuid_generate_v4()")) userId String user User @relation(fields: [userId], references: [id], onDelete: Cascade) videoId String video Video @relation(fields: [videoId], references: [id], onDelete: Cascade) videoUserId String createdAt DateTime @default(now()) } model Follower { id String @id @default(dbgenerated("uuid_generate_v4()")) userId String user User @relation(fields: [userId], references: [id], onDelete: Cascade) followerUserId String createdAt DateTime @default(now()) } model Comment { id String @id @default(dbgenerated("uuid_generate_v4()")) userId String user User @relation(fields: [userId], references: [id], onDelete: Cascade) videoId String video Video @relation(fields: [videoId], references: [id], onDelete: Cascade) text String createdAt DateTime @default(now()) } model Chat { id String @id @default(dbgenerated("uuid_generate_v4()")) userId String user User @relation(fields: [userId], references: [id], onDelete: Cascade) chatUserId String userKey String text String createdAt DateTime @default(now()) }

Do you have a variable called DIRECT_URL in your .env file? If not you need it to run any migrations to update your database. It should look something like this `DIRECT_URL=postgresql://postgres.USERNAME:PASSWORD@aws-0-us-west-1.pooler.supabase.com:5432/postgres`

Thanks Marc, glad you liked the videos!

Any specific mobile game you’re thinking of?

@@ReactNativeNerd like among us

I'm not too familiar with that game so I would have to look into it

Im not using any extensions, just the built in AI from Cursor

Sorry not sure I understand the problem, can you give a more detailed error?

@@ReactNativeNerd Followers On profile page can show up, but on user All is clear.

I would just double check your supabase query and log the results to make sure you're getting the response you were expecting

In my code editor? None, it's just Cusor

I really appreciate the feedback! I know other tutorials online go faster through the content but like you said a lot also gets skipped in the process so it's good to know the slower pace is helpful for my next video series!

You have to make sure the file you are working in is added to the tailwind.config.js file from tailwind classes to work properly

Good catch, should be fixed now!

can you trying running `npx expo start -c` or `npx expo run:ios` instead. The first with use Expo Go and the 2nd will run a native build

@@ReactNativeNerd not sure what fixed it but im back in business! Have been running npx expo start -c instead Thanks! amazing series BTW!!!

@@Mapow502 Glad your enjoying the series and that your local env is working again! The -c tells expo to clear the cache which is all that is needed sometimes

What kind of error are you running into? Do you have the correct database credentials setup in your `.env` file?

⁠@@ReactNativeNerdYes i have, schema engine error, and can’t reach database server at

@@DeskaYudaPratama me too bro. dont know what's wrong

Hi Zoltan, I actually just migrated that course over to my own site which you can use the code ZOLTAN at checkout for a discount

@@ReactNativeNerd Thank you Sir! Bought!

@@ReactNativeNerd code doesn't exist

For this tutorial, I used Cursor which is great for AI assistance but VS code is also great if you don't want to pay for the Cursor fee

Glad it could help out! I would love to hear other things that you want to learn next!

hey! thanks for watching this tutorial series, the next video will be available tomorrow. Make sure to hit the bell to get notified when is live and let me know what you me to build next🚀

@@ReactNativeNerd thanks for the update

Thanks appreciate it! Would love to know what you're interested in learning next!

Thanks appreciate it! Would love to know what your interested in learning next!