Introducción al Desarrollo Móvil

¿Por qué Desarrollo Móvil?

• Más del 60% del tráfico web es desde dispositivos móviles
• Apps nativas vs híbridas vs multiplataforma
• React Native: Código una vez, deploy en iOS y Android

Comparación de Tecnologías

¿Qué es React Native?

javascript
Copiar
1import { View, Text, Button } from "react-native";
2
3function App() {
4  return (
5    <View>
6      <Text>¡Hola Mundo!</Text>
7      <Button title="Presionar" onPress={() => alert("¡Funciona!")} />
8    </View>
9  );
10}

React vs React Native

javascript
Copiar
1// React (Web)
2<div>
3  <h1>Título</h1>
4  <button onClick={handleClick}>Click</button>
5</div>
6
7// React Native (Móvil)
8<View>
9  <Text style={{ fontSize: 24 }}>Título</Text>
10  <Button title="Click" onPress={handleClick} />
11</View>

Diferencias clave:

• No hay DOM, sino componentes nativos
• Estilos con JavaScript (no CSS files)
• Sin HTML tags (<div> → <View>, <p> → <Text>)
• Eventos táctiles en lugar de clicks del mouse

---