
No Comments Yet
Be the first to share your thoughts and start the conversation.
If you're having trouble with the expo initial configuration with Expo v51, run this command:
npx create-expo-app@latest ./ --template blank
Be the first to share your thoughts and start the conversation.
By logging in, you'll unlock full access to this and other free tutorials on JSM Pro.
Why? Logging in lets us personalize your learning experience, track your progress, and keep you in the loop with new workshops, coding tips, and platform updates.
You'll also be the first to know about upcoming launches, events, and exclusive discounts.
No spam—just helpful content to level up your skills.
If that sounds fair, go ahead and log in to continue →
Enter your name and email to get instant access
00:00:00Â The existence of React Native makes React one of the most valuable skills to have.
00:00:05Â It's crazy that about 75% of your knowledge from learning to make websites can carry over to building mobile applications.
00:00:13Â That's exactly what I said in 2023. And it's more true now than ever before.
00:00:19Â You may not believe it, but what we do now in Next.js, we can also do in React Native too.
00:00:25Â Same file-based routing, structure, API routes, and even React server components.
00:00:31Â So, hi there, and welcome to a brand new Ultimate Crash Course, where you'll learn the foundations of React Native, the newest features it offers,
00:00:40Â and also deploy a sleek, full-stack app using it.
00:00:43Â The first part of this video is the Ultimate Crash Course on React Native.
00:00:48Â We'll start by going over the benefits of using React Native and why it has become such a popular choice for developing both iOS and Android applications.
00:00:57Â Next, we'll dive into Expo, a tool that lets us get our application up and running quickly and easily.
00:01:03Â After that, we'll cover the fundamentals of React Native.
00:01:06Â We'll discuss its different elements, how it compares to React.js as well as Next.js, code structure, file-based routing,
00:01:13Â styling, and much more.
00:01:15Â By the end of this course, you'll have a great understanding of React Native and you'll be able to create your own apps using this powerful tool.
00:01:23Â Alongside this video in the description below, I've also prepared the ultimate React Native guide that covers everything you need to know to become a fantastic developer.
00:01:32Â The guide covers the complete React Native roadmap, prerequisites, and essential React Native components and project ideas you can build and deploy to
00:01:41Â get a job.
00:01:42Â You can download the guide and use it as a reference whenever you're unsure what to do next.
00:01:47Â Of course, the guide is completely free and once again, the link is in the description.
00:01:52Â Immediately after, I'll put your skills to the test in the JavaScript Mastery style by teaching you how to build and deploy a complete full-stack React
00:02:00Â Native application.
00:02:01Â That's the only way to retain and expand on your knowledge.
00:02:05Â The application you'll build is called Aura, a full-stack platform to share AI-generated stock videos with a visually appealing onboarding screen,
00:02:14Â robust authentication system, including both sign-in and sign-up screens.
00:02:18Â Dynamic home screen showcasing the latest videos in an animated flat list with a comprehensive list of all videos with playback.
00:02:26Â Pool to refresh functionality.
00:02:28Â Full text search capability with a dedicated search screen.
00:02:32Â Tab navigation for seamless browsing.
00:02:34Â A post-creation screen where you'll learn how to upload videos and images.
00:02:38Â And a profile screen offering detailed insights into your account.
00:02:42Â This 8-screen app, for sure, has to be one of the best YouTube apps you can build with React Native.
00:02:48Â you won't need any previous React knowledge.
00:02:51Â Rather, while building this, you'll learn basic elements like view, touchable, image, flat list, scroll view, safe area view,
00:02:59Â text input and status bar, animations using animatable, responsive design, styling using stylesheet and Tailwind CSS, file-based and dynamic routing using
00:03:10Â nested routes and layouts.
00:03:12Â tab and stack navigation, custom hooks and fonts, video players, file pickers, professional code architecture, and a backend using AppWrite.
00:03:21Â An open source platform that lets you add auth, database, storage, and more so you can build powerful full stack applications.
00:03:29Â Before we dive into the crash course, let's first create an account on AppWrite.
00:03:33Â In the description down below, you can find a special link that will allow you to follow along and see exactly what I'm seeing in this video so you won't
00:03:40Â get stuck.
00:03:41Â Click get started, sign in with GitHub, and that's it.
00:03:44Â Now, let's dive straight into the crash course.