0PricingLogin▼
React Academy · Lesson

React Native Core Components vs Web DOM

Map View/Text/Image/ScrollView to their DOM counterparts and understand the bridge model.

Why No HTML in React Native?

React Native renders to native iOS and Android UI components, not to a browser DOM. There is no <div>, <p>, or <img> — each platform has its own native primitives.

View — The div Equivalent

View is the most basic layout container in React Native. It maps to UIView on iOS and android.view.View on Android. Think of it as a <div> that cannot hold text directly.

import { View, StyleSheet } from 'react-native';

function Card() {
  return (
    <View style={styles.card}>
      {/* children go here */}
    </View>
  );
}

const styles = StyleSheet.create({ card: { padding: 16, borderRadius: 8 } });

All lessons in this course

  1. React Native Core Components vs Web DOM
  2. Styling with StyleSheet API & Flexbox
  3. Navigation with Expo Router
  4. Accessing Device APIs: Camera, Location & Push Notifications
← Back to React Academy