Una aplicaciónmúltiples plataformas

Aplicaciones para iOS y Android con un solo código base: componentes nativos, navegación, acceso al dispositivo y Expo, en TypeScript. De los fundamentos a publicar en las tiendas.

Empezar

Acceso al curso completo, ejercicios y material de entrevista.

// La UI son componentes nativos, no HTML
import { View, Text, Image } from 'react-native';

function Tarjeta({ nombre }: Props) {
  return (
    <View style={estilos.tarjeta}>
      <Image source={{ uri }} />
      <Text>{nombre}</Text>
    </View>
  );
}

→El texto SIEMPRE va dentro de Text, nunca suelto

⧗Cada componente se traduce a una vista nativa real

// Estilar sin CSS: objetos JS y Flexbox
const estilos = StyleSheet.create({
  tarjeta: {
    flexDirection: 'row',
    alignItems: 'center',
    padding: 16,
    borderRadius: 12,
  },
});

→camelCase, sin unidades, sin cascada

→Flexbox por defecto, pero en columna (no en fila)

⧗El layout es Flexbox; aquí no hay clases CSS

// FlatList: miles de filas sin perder fps
<FlatList
  data={contactos}
  keyExtractor={(c) => c.id}
  renderItem={({ item }) => <Fila dato={item} />}
/>

→Solo renderiza las filas visibles y recicla el resto

⧗Un ScrollView con miles de filas mata el rendimiento

Orientado a entrevistas

No solo creas la app. Te preparas para la entrevista de móvil.

Banco orientado a la entrevista técnica de React Native: preguntas reales sobre el modelo nativo, rendimiento y navegación, los errores que delatan a un junior y retos de debug al estilo prueba en vivo.

Preguntas

Preguntas reales de entrevistas técnicas.

Errores comunes

Lo que delata a un junior frente al entrevistador.

Retos de debug

Código roto al estilo prueba técnica.

Qué vas a aprender

Del primer <View> a una app publicada en App Store y Google Play

iOS y Android con un código

Una sola base de código que corre como app nativa en ambas plataformas.

Componentes nativos reales

View, Text, Image, FlatList y el estilado con StyleSheet, sin HTML ni CSS.

Navegación de app móvil

Stack, pestañas y menús con React Navigation, parámetros tipados y deep linking.

Las APIs del dispositivo

Cámara, ubicación, notificaciones, almacenamiento y el modelo de permisos.

Rendimiento a 60 fps

Listas fluidas, animaciones con Reanimated, Hermes y la New Architecture.

De cero a las tiendas

Expo y EAS: compilar sin Mac, publicar en App Store y Google Play, updates OTA.