To build web applications

To develop cross-platform mobile applications using JavaScript

To create machine learning models

To automate backend database operations

Google

Microsoft

Facebook

Apple

Android only

iOS only

Both Android and iOS

Windows only

Faster performance

Write once, run everywhere

Less dependency on JavaScript

Limited access to native APIs

React is used for web development, while React Native is used for mobile development

React Native supports HTML, while React does not

React is compiled to native code, while React Native runs in a web browser

There is no difference

WebView rendering

Hybrid rendering

Native components rendering

Server-side rendering

Main UI thread

Background worker thread

JavaScript thread

Rendering thread

<Text />

<View />

<Button />

<Input />

npx create-react-native-app myApp

npx react-native init myApp

npm install -g react-native-cli

react-native start myApp

Java

Swift

JavaScript

Python

Improve UI responsiveness

Reduce the need for JavaScript

Provide native performance

Maintain a consistent UI state

Handle API calls

Bundle JavaScript code

Optimize native performance

Manage Redux state

UI thread and Network thread

JavaScript thread and UI thread

Java thread and Rendering thread

Database thread and UI thread

Connects JavaScript code with native modules

Enhances CSS support in React Native

Improves state management

Optimizes animation performance

To allow direct access to the file system

To enable JavaScript to communicate with native components

To execute SQL queries

To handle user authentication

By compiling JavaScript into native code

By using native components wrapped in JavaScript

By using WebView-based rendering

By converting JavaScript into Swift/Kotlin

<View />

<Text />

<Fragment />

<Image />

<Container />

<Div />

<View />

<Span />

Restart Metro Bundler

Delete node_modules and reinstall dependencies

Check syntax errors

All of the above

JavaScript XML

Java Syntax Extension

JavaScript Extension

JavaScript Execution

To define UI components using a syntax similar to HTML

To write backend logic

To define styles in JavaScript

To compile JavaScript into native code

JSX is optional in React Native

JSX must always be wrapped in a parent element

JSX allows writing raw JavaScript code inside JSX without curly braces

JSX is identical to HTML

By using square brackets [ ]

By using double quotes ""

By using curly braces {}

By using angle brackets <>

Functional components use hooks, while class components use lifecycle methods

Functional components require the use of this keyword

Class components are preferred over functional components

There is no difference

function MyComponent() { return <Text>Hello</Text>; }

const MyComponent = () => <Text>Hello</Text>;

class MyComponent extends Component { render() { return <Text>Hello</Text>; }}

const MyComponent = new Component({ render() { return <Text>Hello</Text>; } })

Use an empty <View />

Wrap them in a <div>

Use React.Fragment or <>

Return multiple elements directly

10 + 5

{10 + 5}

15

Error

The app will crash

Only the first element will be rendered

React Native will automatically wrap them in a

It will throw a syntax error

Missing import statement for React

Incorrect file extension

Using JSX inside a function

Forgetting to wrap JSX in a return statement

Forgetting to use this before state

Incorrect state initialization

State cannot be used in class components

Using arrow functions inside class components