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