Mi primer app con

logo

react-native

Carlos Manotas

@CarlosManotasV

Frontend Developer en W3 Americas

    • ¿Por qué React Native?

    Principales enfoques de desarrollo

    Nativo

    Hibrido

    'Bridged'

    Nativo

    Hibrido

    'Bridged'

    Developer Experience

    User Experience

    DX
    *
    UX

    DX | Developer Experience

    Nativo

    1. Java/ Obj-C / Swift
    2. Entorno de desarrollo limitado (IDE) ×
    3. Plataforma única ×
    4. Distribución controlada por stores ×
    5. Refrescar cambios ×

    DX | Developer Experience

    Hibrido

    1. Javascript/ Css/ Html
    2. Múltiple Editores de Texto √
    3. Múltiple plataformas √
    4. Actualizaciones instantaneas √
    5. Refrescar cambios √

    DX | Developer Experience

    Bridged

    1. Javascript/ ♦Css/ ♦Html
    2. Múltiple Editores de Texto √
    3. Múltiple plataformas √
    4. Actualizaciones instantaneas √
    5. Refrescar cambios hot reload √

    UX | User Experience

    Nativo

    1. Performance nativo √
    2. Componentes de UI nativos √

    UX | User Experience

    Hibrido

    1. Performance limitado ×
    2. Componentes de UI falsos ×

    UX | User Experience

    Bridged

    1. Performance nativo √
    2. Componentes de UI nativos reales √
    Nativo Hibrido Bridged
    UX Excelente Aceptable Excelente
    DX Mala Excelente Excelente

    Web Dom

    <div>
    <span>
    <img />

    React Native

    <View>
    <Text>
    <Image />

    demo crash

    nada puede malir sal

    Referencias y Recursos