?? ??? iPhone ????, Android ?????

???? ?? ? ?? ? ??? ?? ??? ?????. Apple ????, Android ??????? iPhone? ??? ???? Android? ???? ??????, ?? ???? ??? ?? ?? ???? ?? ?? ??? ????.

??? ? ????? ? ??? ???? ???? ?? ?? ??? ?? ???? ??? ??? ???? ?????. ????? ??? ??? ??? ?? ???? ???? ?? ??????.

• ??? iOS??? ????? Swift ?? Objective-C? ??? ???.
• ??? Android? ?? Java ?? Kotlin? ????? ???.

??? ?? ??? ? ?? ?? ?????? ?? ???? ???? ? ?? ??? ??? ?? ??? ???? ?? ??????. ?

? ??? ??? ???? ??? ????. React Native? ???? ? ?? ??? ??? ????. React Native? ???? ???? ?? ?? ??? ??? JavaScript? ???? iOS ? Android? ?? ?? ? ????. ?

• ??? ?????, ? ?? ???.
• ? ?? ??? ??? ????. React Native? ?? ?? ????.

??? ? ???? ?? ? ??? ?? ???? React Native? ????? ??? ???? ?????. ?? ??? ????? ? ??????? React? ?? ?? ?? ??? ???? ???. React Native? ? ??? ?????, ??? ??? ??? ? ??? ????????.

? ??? ????? ??????

React Native? iOS? Android ???? ???? ??? ??????? ???? ?? Facebook?? ?? JavaScript ????????. ? ? ??? ?? ???? ?????? React? ???? ??? DOM(? ????)? ???? ?? ?? React Native? ??? ???? ???? ???.

??? React Native? , ? ? ?? ???? ????? ???? ??? ????. ??? ?? ?????. ??? ?? ??? iOS ? Android? ?? ??? ??? ?? ???? ??? ??? ??? ?????.

---

?? ??:

• iOS ???? ????? Swift ?? Objective-C? ?????.
• Android ??? Java ?? Kotlin? ?????.
• React Native? ??? ?? ???? ???? ?? JavaScript? ???? ???! ? ?? ?? ??? ???? ?? ??? ????? ?? ?????.

---

? React Native vs. Native ??

React Native? ????? ??? ?? ??? ??? ????.

Feature	React Native	Native Development
Language	JavaScript (familiar to many developers, easy to learn and adapt)	Swift (iOS) and Java/Kotlin (Android), which require separate learning paths
Codebase	Single codebase for both iOS and Android	Separate codebases, doubling development and maintenance efforts
Performance	Near-native performance; suitable for most apps, but not ideal for graphics-heavy games	Full native performance with direct access to device hardware
Development Speed	Faster development due to hot reloading, shared codebase, and JavaScript ecosystem	Slower development due to platform-specific debugging and the need for different teams
Ecosystem and Tools	Strong community support, wide range of libraries, and easy integration with JavaScript tooling	Mature ecosystems for both iOS and Android, with platform-specific tools like Xcode (iOS)
Cost	Lower cost due to shared code and reduced team size	Higher cost because of separate teams and longer development cycles

?? ??? ???? ???? ?? ?? JavaScript(?? ????? ???? ??? ???? ??) ??? ?? ??? ??? Swift(iOS) ? Java/Kotlin(Android) ????? iOS? Android ??? ?? ?? ????? ??? ?????, ?? ? ?? ?? ?? ? ? ?? ?? ??? ?????. ???? ?? ????? ???? ?? ???? ???? ????. ?? ????? ?? ????? ??? ?? ?? ?? ?? ? ???, ?? ????? ? JavaScript ???? ?? ?? ?? ?? ???? ???? ??? ?? ????? ?? ?? ?? ?? ??? ? ?? ??? ???? ??, ???? ?????, JavaScript ???? ??? ?? Xcode(iOS)? ?? ???? ??? ?? iOS ? Android ??? ?? ??? ??? ?? ?? ?? ? ? ?? ??? ?? ?? ?? ??? ?? ? ?? ??? ?? ?? ??

---

?? React Native? ?? ??

React Native? Bridge?? ?? ??? ?? JavaScript ??? ???? ?? ?? ??? ??? ?????. ??? ??? ??? ????.

1. JavaScript ??: React? ???? JavaScript? ? ??? UI? ?????.
2. Bridge Communication: The Bridge? JavaScript? ?? ??? ?????.
3. ???? ???: ?? ???? ???? ???????? ?????.

---

?? React vs. React Native

React? ????? React Native? ?? ????. ?? ???? React? ?? ???? ?? ?? React Native? ??? ???? ???? ??? ????. ??? ??? ??? ????.

React(?)

import React from 'react';

export default function App() {
  return <h1>Hello, React!</h1>;
}

??? ????(???)

import React from 'react';
import { Text } from 'react-native';

export default function App() {
  return <Text>Hello, React Native!</Text>;
}

?? ???:

React Native???

? ?? ????? ??. ?? ?? React Native? ?? iOS? Android ?? ???? ???? ???? ?? ?? ??? ?????.

---

? ??? ????? ???? ??? ??????

“React Native? ???? ?? ?? ?? ?? ? ??? ??? ? ????. ???? ?? ??? ??? ?????!” —React ???? ???

1?? ??? ??? ??

React Native? ???? iOS? Android ???? ???? ??? ?????? ???? ??? ??? ??? ? ????. ??? ?? iOS ? Android ?? ?? ???? ?? ??? ?? ???? ????.

2?? JavaScript? ??

React Native? ??? ?? ?? ?? ??? JavaScript? ????? iOS? Swift? Android? Java/Kotlin?? ?? ???? ??? ???? ? ????. ??? ??? ??? ???? ??? ?? ?????.

3?? ??? ??? ????

React Native? ,

? ? ?? ?? ????? ?????. ? ???? ?? UI? ?? ?????. ??? ??? ??? ?? ??? ??? ??? ????? ??? ???? ?????.

// ??? ??? ?? ??? ?
'??'?? ??? ?????;
import { View, Button, Image } from 'react-native';

const ? = () => {
  ?? (
    <??>




<hr>

<h2>
  
  
  ? ?? React Native? ??? ?? ??
</h2>

<p>React Native? <strong>? ??</strong>? <strong>??? ??</strong> ??? ??? ?????. <strong>JavaScript</strong>? ???? ???? ???? ? ?? ????? ??? ?? ?? ?? ?? <strong>iOS</strong> ? <strong>Android</strong>? ?? ?? ?? ? ????.</p>

<p>??? <strong>??? ? ??</strong>? ???? ????? React Native? ??? ????? ?????. ??? ??? ????.</p>

• ?? ??? ??????. ?
• ?? JavaScript ??? ?? ?? ??? ???? ???????. ?
• iOS? Android ??? ???? ????? ??? ?? ?????. ????

?? ?? ??:

???? ??? "??? Apple???, Android????"?? ???? ????? “? ?!”?? ?? ? ????. React Native? ??? ?????.

---

???? ? ?? ??

?? React Native ????
??? React Native ?? ??
?? ??? ????? ????? ??? ???

? ??? ??? Apple ????, ??? Android ????? ??? ??? ??? ??? ? ??? ?? React Native ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!