Scribd
Upload
22 views2 pages

Understanding React Native Framework

React Native is an open-source framework by Meta that enables the development of mobile apps for both Android and iOS using a single programming language, JavaScript. It utilizes a 'bridge' to connect JavaScript code with native mobile components, allowing for efficient cross-platform development with native performance. Key features include a shared codebase, instant updates, and the ability to create smooth, native-like user experiences.

Uploaded by

Ali Ahmad
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
22 views2 pages

Understanding React Native Framework

React Native is an open-source framework by Meta that enables the development of mobile apps for both Android and iOS using a single programming language, JavaScript. It utilizes a 'bridge' to connect JavaScript code with native mobile components, allowing for efficient cross-platform development with native performance. Key features include a shared codebase, instant updates, and the ability to create smooth, native-like user experiences.

Uploaded by

Ali Ahmad
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

To understand React Native, imagine you want to build a house in two different countries.

In
one country, they only use bricks (Android), and in the other, they only use wood (iOS).
Usually, you would have to hire two different teams and buy two different sets of materials.

React Native is like a "universal blueprint." You write your instructions once in one language,
and it automatically tells the builders in both countries how to build the house using their local
materials.

1. What is it exactly?
React Native is an open-source framework created by Meta (Facebook).1 It allows you to
build real, professional mobile apps for both Android and iOS using only one programming
language: JavaScript.2

2. How does it work? (The Bridge)3


This is the most important part to understand. React Native doesn't just "mimic" a mobile app;
it actually creates one.4

●​ The Code: You write code in JavaScript and a special language called JSX (which looks
like HTML).5​

●​ The Bridge: React Native uses a "bridge" to communicate between your JavaScript code
and the actual mobile phone.6​

●​ The Result: When you tell React Native to show a "Button," the bridge tells the Android
system to show an Android Button and the iOS system to show an Apple Button.

3. Key Features for Developers


●​ Cross-Platform: You write one codebase.7 About 90% of your code can be used for both
Android and iOS, which saves a massive amount of time and money.​

●​ Fast Refresh: In the old days, if a developer changed one word, they had to wait minutes
for the app to "rebuild." With React Native, you save the file, and the app updates on your
phone instantly.
●​ Native Performance: Because it uses actual native components (not just a website
inside an app), the animations and scrolling feel smooth, just like the apps already on
your phone.

4. React vs. React Native


Since you already know a bit about web development, here is the main difference:

Feature React (Web) React Native (Mobile)

Platform Computer Browsers Mobile Phones (Android,


(Chrome, Safari) iOS)

Language HTML, CSS, JavaScript JavaScript / JSX

Tags Uses <div>, <h1>, <p> Uses <View>, <Text>,


<Image>

Styling8 Standard CSS files9 JavaScript objects


(StyleSheet)10

5. Popular Apps Built with React Native


You probably use React Native apps every single day without realizing it:
●​ Instagram
●​ Facebook
●​ Skype
●​ Pinterest
●​ Discord

Would you like to see a simple "Hello World" code example to see how the <View> and <Text>
tags actually look?

You might also like