React Native Tutorial | Build Full Stack React Native App with Expo | Beginner Course

Learn React Native from scratch and build a full-stack mobile app! This beginner-friendly tutorial covers everything from setup to deployment. We'll explore core React Native concepts, learn how to build efficiently with Expo, and connect the app to a backend. Perfect for aspiring mobile developers!

🚀 Application Demo

📚 Materials/References:

Join this channel to get access to perks:
#expo #ReactNative #ReactNativeTutorial

Timestamp
00:00:00 Introduction
00:07:28 Create and run a React Native app with Expo
00:15:24 Landing Screen
00:28:10 App Font
00:31:26 Run App In Web Browser
00:32:52 SignIn & Signup Screen
00:49:44 Authentication & Backend Setup
01:18:44 Tab navigation with Expo Router
01:25:34 Home Screen (New User No Course)
01:39:03 Create Course Using AI
02:17:08 Home Screen UI
02:49:50 Course Detail
03:10:04 Course Chapters
03:35:30 Dynamic Route (Fix)
03:42:56 Update Course Progress
03:38:42 Home Screen Background Update
03:53:47 Practice Section Grid
04:17:19 Quiz
04:50:37 Quiz Summery
05:15:28 Flashcards
05:35:51 Question & Answers
05:48:12 User Course Progress Tab
05:58:24 Explore Other Courses Tab
06:13:54 Enroll To Any Course
06:23:05 Limit to Course Creation (Free/Paid)
06:28:45 EAS Hosting (Web App Host)
06:34:52 Generate .APK File

[Ryse]

5:14:15 if you guys get blank white screen. Change the <View> style from position: 'absolute' to 'relative' below the wave image code block

[khanhngocduongtran]

Your React Native projects are very interesting and useful. I hope you will create even more projects in the future <3

[danielloveradamian]

It would be great if you could enable YouTube's automatic dubbing feature! This way, you could reach more people in many more languages, and I would love to enjoy your courses in Spanish.

[NarendraReddyMeruva]

currently i am pursuing Btech, i have never seen such type of ease explanation on the topics and u are awesome in creating useful content i would love to share my ideas with u and can u make a project on women's safety❤

[i_nspiredcrafter]

I am starting now :) Teşekkür ederim (Thank you)

[ahemadabbasvijapura]

1:16:57 I don't get any response What Can I do now?

[EntertainmentYT]

please share the profile tab code/logic its not in the video, please someone,

[yagnikkk]

when did you add context file, you didn't mentioned in the video about context file why? how should I know what is written in that (1:27:15)

[EntertainmentYT]

Could you point out where the code for the profile section, subscription UI, and payment implementation is? Also, where did you add the restriction that limits a user to generate only two courses?

[EntertainmentYT]

My flashcard is not aligning in the middle; it gets out of the view with each scroll. Could someone please help? I'll give you the code.

[ketanthorat]

We want basic to advance react 19 course

[jvi]

Hello tubeguruji! I have a doubt, in 5:35:00 as you can see when you scroll through the flashcards when scrolling from 4 to 5 the currentpage of the flashcard doesnt change in the progress bar, neither in the counter of the pages of the flashcards. How can this be fixed?

[Ryse]

After 2-3 days of searching, I found the reason why it sometimes stops at the add-course page and the course can't be generated. It turns out Gemini has a response limit of around 8000+ characters. You just need to add a prompt to limit the characters to less than or equal to 8000 characters. No more than that. This worked for me

[waqqas]

can we change the functionality to be manually created courses in the code without the ai course maker

[pulkitsinghal]

(0, is not a function

i am getting the error. please help

[HOker_]

I am getting "Firebase: Error this error when I am trying to signup (1:02:00) any solution?

[RatanDineshKalke]

Does it generate any course with the help of ai or we have to feed some particular courses by ourselves in the app ??

[vikkycode]

(NOBRIDGE) LOG Firebase: Error
Sir this error is coming while clicking CREATE NEW ACCOUNT ....I have followed you, step by step, I couldn't move ahead due to this error , Sir please help me ..🥵 I have tried and check it many times..PLEASE..

[Amine_ziadi]

Please help me! I have a problem when I run the project with npx expo start or npm run start. It displays an error related to fetching the Metro bundler. Do I need to install any folder or something?

[indiejuzz]

Please create a learning tool that integrate ai, just like converting any files like ppt, dox, and even pdf lectures that converts into a effective reviewer that enhance main parts or key points of topics in the reviewer