Mobile30 min · Lesson 1 of 3

React Native Primitives & Styling

Moving from the DOM to Native Views. Understanding Flexbox on mobile and the asynchronous bridge.

The Native Bridge

React Native doesn't use the DOM. Instead, it maps your JavaScript components to Native UI Views (UIView on iOS, View on Android) via a C++ bridge.

Mobile Layouts

In mobile, Flexbox is the only layout engine. Unlike the web, the default direction is column. We use StyleSheet.create to ensure style objects are sent across the bridge efficiently.