{"id":8656,"date":"2016-08-10T11:20:37","date_gmt":"2016-08-10T11:20:37","guid":{"rendered":"https:\/\/dev.railscarma.com\/reasons-why-react-native-is-the-future\/"},"modified":"2022-08-30T11:57:02","modified_gmt":"2022-08-30T11:57:02","slug":"razones-por-las-que-react-native-es-el-futuro","status":"publish","type":"post","link":"https:\/\/www.railscarma.com\/es\/blog\/aplicacion-nativa\/razones-por-las-que-react-native-es-el-futuro\/","title":{"rendered":"Razones por las que React Native es el futuro"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Siempre estamos detr\u00e1s de las actividades de proceso 'R\u00e1pido' si se trata de dinero o tiempo. IOS y Android son los dos sistemas operativos dominantes en la actualidad en todo el mundo m\u00f3vil. Los desarrolladores crean aplicaciones para ambas plataformas que ofrecen una experiencia de usuario mejorada, o aplicaciones r\u00e1pidas de desarrollar y ejecutar en m\u00faltiples plataformas y dispositivos, y buscan ciclos de desarrollo m\u00e1s cortos, un tiempo de implementaci\u00f3n m\u00e1s r\u00e1pido y un mejor rendimiento de la aplicaci\u00f3n. Por ello, Facebook ha lanzado React Native, una plataforma que ayuda a los desarrolladores a reutilizar el c\u00f3digo desarrollado para iOS o Android en otras plataformas sin tener que empezar a programar aplicaciones desde cero.<\/p>\n

Muchos desarrolladores ya saben que JavaScript, o HTML5 y CSS, est\u00e1n empaquetados en un contenedor que les permite ejecutarse de forma nativa en un dispositivo. Los marcos de aplicaciones h\u00edbridas han recorrido un largo camino para salvar la distancia entre el rendimiento de una aplicaci\u00f3n nativa y la facilidad de desarrollo de una aplicaci\u00f3n web, esta tecnolog\u00eda no es otra que el marco de dise\u00f1o de interfaz de usuario (UI) React Native de Facebook. Entendido. Entendido. Es el futuro.<\/p>\n

    \n

    \n<\/p>

  1. Si comparamos React Native con otros frameworks de JavaScript como AngularJS<\/a> o MeteorJS, se centra m\u00e1s en la interfaz de usuario, por lo que es m\u00e1s como una biblioteca de JavaScript que un marco. Por lo tanto obtenemos el resultado que es altamente sensible y se siente fluido. Incl\u00ednate ante las interacciones as\u00edncronas de JavaScript con el entorno nativo. Har\u00e1 que las aplicaciones se carguen m\u00e1s r\u00e1pido que una aplicaci\u00f3n h\u00edbrida t\u00edpica y las mantendr\u00e1 funcionando sin interrupciones.<\/li>\n

    \n<\/p>

  2. React Native es de c\u00f3digo abierto. Probablemente la comunidad de desarrolladores lo actualizar\u00e1 para hacerlo compatible con otras plataformas como Windows.<\/li>\n

    \n<\/p>

  3. Soporta ambas plataformas IOS y Android aunque en su etapa inicial, Facebook s\u00f3lo desarroll\u00f3 React Native para soportar iOS y permite a los desarrolladores utilizar (reutilizar) el mismo c\u00f3digo para el desarrollo de aplicaciones para ambas plataformas. He o\u00eddo que Facebook utiliz\u00f3 React Native para crear su propia aplicaci\u00f3n Ads Manager, creando una versi\u00f3n para iOS y otra para Android.<\/li>\n

    \n<\/p>

  4. Si los desarrolladores son buenos en Javascript entonces ser\u00e1 muy f\u00e1cil aprender a codificar usando React Native. Adem\u00e1s, es uno de los mejores frameworks JavaScript para m\u00f3viles que est\u00e1 ganando popularidad entre los desarrolladores. No es necesario aprender Swift para iOS o Java para Android: basta con conocer JavaScript, las API de la plataforma, algunos elementos nativos de la interfaz de usuario y cualquier otro patr\u00f3n de dise\u00f1o espec\u00edfico de la plataforma, y listo.<\/li>\n

    \n<\/p>

  5. Soporta la integraci\u00f3n de plugins de terceros en nuestra app. Esto significa que podemos utilizar la funcionalidad de otras aplicaciones nativas del dispositivo en React Native y viceversa. Por lo tanto, el desarrollo de aplicaciones nativas es mucho m\u00e1s eficiente y React Native es conocido por su eficacia a la hora de proporcionar agilidad, velocidad y una buena experiencia de usuario en general, adem\u00e1s de un menor uso de memoria y una experiencia m\u00e1s fluida. React Native aporta todo el mejor rendimiento de las aplicaciones de React JS, la abstracci\u00f3n DOM y los m\u00e9todos de programaci\u00f3n simplificados al desarrollo m\u00f3vil h\u00edbrido.<\/li>\n<\/ol>\n

    Facebook lanz\u00f3 React en 2013 con el objetivo de compartir una brillante pieza de tecnolog\u00eda y conceptos con el resto de la comunidad. Adel\u00e1ntate a la curva con React Native hoy mismo. Si est\u00e1s empezando con tu Desarrollo React Native<\/a>Hemos comprobado que los siguientes paquetes son de gran ayuda cuando se empieza por primera vez:<\/p>\n

    Enrutador React Native: https:\/\/github.com\/t4t5\/react-native-router<\/a>
    Iconos React Native:     https:\/\/github.com\/corymsmith\/react-native-icons<\/a>
    Los tutoriales est\u00e1n disponibles en la p\u00e1gina de Facebook sobre react native en Github.
    Instalar el router React Native:
    En el directorio del proyecto React Native y ejecutar:<\/p>\n

    \n

    npm install react-native-router -save
    Uso: var Router = require('react-native-router');
    Lo b\u00e1sico:
    var HiReactLovers = React.createClass({
    render: function() {
    volver \u00a1Hola React Lovers!;
    }
    });<\/p>\n

    \/\/ Su objeto de ruta debe contener al menos: El nombre de la ruta (que se convertir\u00e1 en el t\u00edtulo de la barra de navegaci\u00f3n) y el objeto componente de la p\u00e1gina a renderizar.<\/p>\n

    var firstRoute = {
    nombre: '\u00a1Bienvenidos!
    componente: HiReactLovers
    };
    \/\/ El Router
    var MyApp = React.createClass({
    render() {
    devolver (<\/p>\n

    )
    }
    });<\/p>\n

    AppRegistry.registerComponent('routerTest', () => MyApp);<\/p>\n<\/blockquote>\n

    \u00a1S\u00ed! \u00a1Lo lograste!
    Desde la p\u00e1gina \"Hi React Lovers!\" podemos navegar a un nuevo componente llamando a;
    this.props.toRoute().<\/p>\n

    M\u00e1s: https:\/\/github.com\/t4t5\/react-native-router<\/a><\/p>\n

    Permanezca atento.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    Suscr\u00edbete para recibir las \u00faltimas actualizaciones<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \t\t\t\t\t