No Comments Yet
Be the first to share your thoughts and start the conversation.
Why React Native?
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
Before the advent of React Native, mobile app development was a tedious process that required separate codebases for iOS and Android. React Native revolutionizes this by allowing developers to use a single codebase for both platforms, making the development process faster, cost-effective, and more efficient. This lesson dives into the features of React Native and how Expo can simplify the development process.
00:00:00 Before React Native, building mobile applications for multiple platforms was a nightmare.
00:00:06 You had to write separate code bases for iOS and Android, which meant double the work, higher costs, and slower development cycles.
00:00:16 But with React Native, you can write a single codebase that works seamlessly on both platforms, making development faster,
00:00:24 cheaper, and more efficient.
00:00:26 And it's not just me saying this.
00:00:28 Big companies like Meta, Discord, Microsoft, Tesla, Amazon, Airbnb, and even Call of Duty use React Native to build their mobile apps.
00:00:39 React Native has evolved so much that you'll find fewer people fluttering these days.
00:00:44 And with the release of React's new architecture, performance has been improved significantly.
00:00:50 So the next time someone says, hey, React Native apps are slow, just take a deep breath and say, not anymore, flutter boy.
00:01:00 Let me break it down.
00:01:01 First, there's the new JSI, JavaScript interface, which replaces the old bridge, allowing JavaScript to communicate directly with the native code for faster
00:01:12 and smoother performance.
00:01:14 Then, there are the new Turbo modules that load native modules only when needed, reducing startup time and memory usage.
00:01:22 And third, there's a new thing called Fabric, which optimizes UI rendering, making animations, gestures, and updates faster and more efficient.
00:01:32 With JSI, Turbo modules, and Fabric, React Native apps are now as fast and smooth as the native ones.
00:01:40 And aside from its new architecture, cross-platform support and native components, React Native also comes with hot reloading,
00:01:48 allowing you to see the changes you code instantly.
00:01:51 a huge community that just keeps on growing, and an easy learning curve, which means that if you already know JavaScript and React,
00:01:59 you can quickly pick up React Native.
00:02:01 And that's exactly what we'll do today.
00:02:04 In this video, we'll use Expo to build our React Native application.
00:02:08 And before you say, wait, real developers don't use Expo.
00:02:13 Hold on.
00:02:14 If you check React Native's official documentation, Expo is the recommended way to get started.
00:02:20 Read that again.
00:02:21 But what the heck even is Expo?
00:02:24 You're familiar with tools like Vite, right?
00:02:26 Well, Expo is just that, only for React Native apps.
00:02:30 It provides many tools and services that simplify development and help you build your app more easily.
00:02:37 Expo is the React Native, what Next.js is the React.
00:02:42 It's a framework that simplifies React Native development by handling the development environment setup, which means that you don't need to separately
00:02:50 install Android Studio native dependencies and pre-built components for navigation, gestures, camera, maps, and more.
00:02:57 So why would you want to use it?
00:02:59 Well, first of all, you don't need to install massive tools like Android Studio just to get started.
00:03:05 But it also supports something known as over-the-air updates, so your app users can get the latest code without needing App Store approvals.
00:03:14 And this is huge.
00:03:15 With Expo, you can deploy your app in minutes.
00:03:18 But don't just take my word for it.
00:03:20 Companies like Discord, Burger King, Coinbase, Xbox, and more than 2000 companies are using Expo for their tools.
00:03:29 And Expo, just like Next.js, just keeps on getting better.
00:03:33 So, if you still think React Native CLI is the better option, well, think twice.
00:03:38 So now that you understand the importance of React Native, and apparently how easy it is to build apps with it, let me show you.
00:03:45 I'll first teach you some basic React Native concepts, and then very quickly into this video, you'll build a real mobile movie application.
00:03:54 So, let's dive right in.