No Comments Yet
Be the first to share your thoughts and start the conversation.
Project Overview
Loading...
Be the first to share your thoughts and start the conversation.
How did you manage to remove the blur property and reach here?
Upgrading gives you access to quizzes so you can test your knowledge, track progress, and improve your skills.
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
In this lesson, you will learn how to develop a Movies app using React Native and various key technologies. The focus is on implementing React Native components, navigating through different navigation methods, utilizing TypeScript for type safety, ensuring responsive design, applying Tailwind CSS for styling, and leveraging AppWrite for backend functionality.
00:00:02 All right, before we dive into the development of the Movies app, let me quickly tell you what you'll build and learn along the way.
00:00:09 You'll get the firsthand opportunity to put into code many components I was just telling you about a couple of minutes ago.
00:00:15 Core React Native components like view, touchable opacity, image, flat list, scroll view, safe area view, text input, and more.
00:00:24 Different navigations like stack navigation, tab navigation with custom styling, and advanced file-based routing, including nested and dynamic routes.
00:00:34 Custom hooks and fonts to make your app more flexible and reusable.
00:00:39 Types and interfaces with TypeScript for better type safety.
00:00:42 Responsive design to ensure the app looks great on any screen.
00:00:47 Of course, Tailwind CSS for clean and scalable design.
00:00:51 Backend with AppWrite to handle data and user interactions.
00:00:55 And many other best practices.
00:00:57 We'll go step by step, and I'll teach you to implement amazing stuff which you'll see yourself using across any future apps you build,
00:01:05 like a search feature with optimized performance, fetching movies data from a third-party API, smooth loading and error handling,
00:01:14 And then a trending movies algorithm that tracks user searches and helps us recommend the most popular movies based on real user activity.
00:01:23 Pretty cool, right?
00:01:24 We'll use AppRite to store that user activity for this algorithm to work.
00:01:29 So let's quickly create an account.
00:01:31 Click the link down in the description to be able to follow along and see exactly what I'm seeing.
00:01:36 Create your account at the top right, or just sign in.
00:01:39 As you can see, I'm using AppRite for many of my projects.
00:01:43 And now you can just create a new one for this one.
00:01:45 I'll call it JSM underscore RN movie app.
00:01:50 You can do something similar and you can choose the region and click create.
00:01:54 Now we can set up our project's file and folder structure and very soon we'll put this project to use.