React NativeReact Native

import React, { useState } from 'react';
import { View, Text, Button, StyleSheet } from 'react-native';

function App() {
    const [count, setCount] = useState(0);

    return (
        <View style={styles.container}>
            <Text style={styles.title}>Count: {count}</Text>
            <Button title="Increment" onPress={() => setCount(count + 1)} />
        </View>
    );
}

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

JavaScript (JS Thread)
    ↕  Bridge (직렬화)
Native Module (Main Thread)
    ↕
네이티브 UI 컴포넌트