React Native

React Native enables you to build native mobile apps using JavaScript and React. It's widely used for developing cross-platform mobile apps for iOS and Android.

Structure

App.tsx
index.js
components
screens
navigation
package.json
tsconfig.json

components/

Reusable UI components.

screens/

Defines screen components for routing.

Handles screen navigation.

✅ Navigation Example

import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

const Stack = createStackNavigator();

export default function AppNavigator() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="Details" component={DetailScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

🛠️ Run App

npx react-native run-android
# or
npx react-native run-ios