Understanding React Native Components vs. React Components

[focus-bear-intern-review-bot]

📌 Understanding React Native Components vs. React Components

🎯 Goal

Understand the differences between React (Web) Components and React Native Components, including their syntax, rendering, and styling.

---

✅ Why is this important?

React Native follows a similar component-based architecture to React, but it uses native UI components instead of HTML elements.

---

✅ Tasks

• Research core React Native components (View, Text, Image, ScrollView, FlatList)
• Refactor an existing React component to use React Native components
• Style the component using both inline styles and StyleSheet.create()
• Compare the differences in rendering and styling between web and React Native

---

✅ Reflection (rn-components.md)

• What are the key differences between <View> and <div>?
• How does StyleSheet.create() improve performance compared to inline styles?
• Why doesn’t React Native use className like React web?