Web DOM elements vs React Native core components
understanding RN renders to native views, not the DOM.
View maps to UIView/ViewGroup, Text to native text, no HTML or CSS, all text must be inside Text.
claiming RN runs in a webview or uses real div and CSS.
WHAT THIS TESTS The question probes whether you understand React Native's rendering target. React the library is platform-agnostic; the renderer determines what the elements become. On the web that renderer is react-dom producing HTML; in React Native it is a renderer producing native views.
A GOOD ANSWER COVERS A div, span, or p is a DOM element interpreted by a browser and styled with full CSS. In React Native there is no DOM and no browser. View is a general-purpose container that maps to UIView on iOS and to a ViewGroup-style view on Android. Text maps to the platform text primitive, and unlike the web all displayable text must live inside a Text component rather than floating inside a container. Image, ScrollView, and TextInput similarly wrap native widgets. Styling uses a JavaScript StyleSheet that mirrors a subset of CSS with camelCase keys and Flexbox defaults to column, but it is not CSS and there is no cascade. The abstraction is necessary so that the same declarative React code can drive genuinely native UI on different platforms, giving native look, feel, and performance while sharing logic.
COMMON WRONG ANSWERS Saying React Native runs inside a webview or renders HTML is wrong; that describes Cordova or Capacitor. Claiming you can use div and CSS directly fails because those primitives do not exist. Assuming text can sit directly inside a View throws an error.
LIKELY FOLLOW-UPS Why must text be wrapped in Text? Because native text rendering is a distinct primitive, not arbitrary inline content. Does Flexbox behave the same? Mostly, but the default flexDirection is column, not row. How is scrolling handled? With ScrollView or FlatList, not CSS overflow.
ONE CONCRETE EXAMPLE On the web you write a div containing the string Hello styled with CSS. In React Native you write a View wrapping a Text element that contains Hello, styled with a StyleSheet object. At runtime the View becomes a UIView or Android view and the Text becomes a native label, with no HTML produced anywhere.
Get five bites like this every day.
Tezvyn delivers a daily feed of 60-second tech bites with quizzes to lock in what you learn.