React Native Basics: Build Cross-Platform Mobile Apps

React Native lets you build mobile apps using JavaScript and React. Write once, run on iOS and Android.

Basic Component

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

function App() {
    return (
        
            Hello World!
        
    );
}

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

State Management

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

function Counter() {
    const [count, setCount] = useState(0);
    
    return (
        
            Count: {count}
             setCount(count + 1)} 
            />
        
    );
}

React Native makes mobile development accessible to web developers!