Main Difference Between React and React Native:

• React (ReactJS): A JavaScript library for building web applications. It focuses on building user interfaces using HTML, CSS, and JavaScript.

• React Native: A framework for building mobile applications (iOS and Android) using JavaScript and React concepts. Instead of using web components like <div> and <span>, React Native uses native components like <View> and <Text>.

Code Example:

1. React (Web App Example):

// React Web Example
import React from 'react';

function App() {
return (
<div style={{ textAlign: 'center' }}>
<h1>Hello from React Web!</h1>
<button onClick={() => alert('Button clicked!')}>Click Me</button>
</div>
);
}

export default App;

• Uses <div>, <h1>, and <button> which are HTML elements.
• This code runs in a web browser.

2. React Native (Mobile App Example):

// React Native Example
import React from 'react';
import { View, Text, Button, Alert, StyleSheet } from 'react-native';

export default function App() {
return (
<View style={styles.container}>
<Text style={styles.heading}>Hello from React Native!</Text>
<Button title="Click Me" onPress={() => Alert.alert('Button clicked!')} />
</View>
);
}

const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
},
heading: {
fontSize: 24,
marginBottom: 20,
},
});

• Uses <View>, <Text>, and <Button>, which are React Native components that render as native UI elements.
• StyleSheet is used for styling instead of CSS.
• This code runs on iOS/Android devices.

Key Differences: