{"id":5488,"date":"2017-12-07T11:04:26","date_gmt":"2017-12-07T16:04:26","guid":{"rendered":"https:\/\/itsoftware.com.co\/content\/?p=5488"},"modified":"2019-05-05T13:45:45","modified_gmt":"2019-05-05T18:45:45","slug":"react-native-aplicaciones-moviles","status":"publish","type":"post","link":"https:\/\/itsoftware.com.co\/content\/react-native-aplicaciones-moviles\/","title":{"rendered":"React Native: Aplicaciones m\u00f3viles Nativas en Android y iOS"},"content":{"rendered":"<p>React Native es un framework de c\u00f3digo abierto para el desarrollo de aplicaciones m\u00f3viles nativas, tanto para Android como para iOS.<\/p>\n<figure id=\"attachment_5489\" aria-describedby=\"caption-attachment-5489\" style=\"width: 458px\" class=\"wp-caption aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" class=\" wp-image-5489\" src=\"https:\/\/itsoftware.com.co\/content\/wp-content\/uploads\/2017\/12\/React-Native.jpg\" alt=\"React Native Aplicaciones M\u00f3viles Nativas\" width=\"458\" height=\"237\" \/><figcaption id=\"caption-attachment-5489\" class=\"wp-caption-text\">React Native Aplicaciones M\u00f3viles Nativas<\/figcaption><\/figure>\n<p><!--more--><\/p>\n<p>React Native aparece en 2013 como parte de un framework de desarrollo interno de <a href=\"https:\/\/facebook.github.io\/react-native\/\">Facebook<\/a>, para luego ser liberado en 2015 como opensource.<\/p>\n<p>React Native se basa en Javascript y la inclusi\u00f3n de componentes de React, disponibles de manera p\u00fablica, c\u00f3mo tambi\u00e9n de elementos escritos en Objective-C o Swift (iOS) o en Java (Android). Por lo tanto React Native no produce aplicaciones m\u00f3viles web view, en htlm5 o h\u00edbridas, sino aplicaciones m\u00f3viles nativas para Android y\/o iOS.<\/p>\n<p>A las aplicaciones m\u00f3viles en React Native se le van incluyendo componentes en la medida que se necesiten, por ejemplo si la app va a imprimir, o va a usar la c\u00e1mara, o el GPS, se instalan componentes p\u00fablicos alojados en repositorios git.<\/p>\n<div>\n<pre>import React, { Component } from 'react';\nimport { View, Text, StyleSheet, Image, StatusBar, Alert } from 'react-native';\nimport TitleBar from \".\/titlebar\";<\/pre>\n<\/div>\n<p>Las aplicaciones m\u00f3viles Android se pueden compilar en Windows o MacOS, mientras que para las aplicaciones m\u00f3viles en iOS se requiere compilar en MacOS, con la ayuda del ambiente de desarrollo Xcode de Apple.<\/p>\n<p>Esto quiere decir que con React Native se pueden dise\u00f1ar aplicaciones m\u00f3viles nativas para iOS y Android, sin tener que trabajar en plataformas por separado para cada sistema operativo. Esto reduce el tiempo de dise\u00f1o y desarrollo.<\/p>\n<blockquote><p><strong><em>Te puede interesar leer <a href=\"https:\/\/itsoftware.com.co\/content\/cuanto-cuesta-desarrollar-una-app\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00bfCu\u00e1nto cuesta desarrollar una App o aplicaci\u00f3n m\u00f3vil?<\/a><\/em><\/strong><\/p><\/blockquote>\n<p>Una de las ventajas de React Native es la facilidad para hacer depuraci\u00f3n de la aplicaci\u00f3n. Mientras en otros ambientes se requiere recompilar cada vez que se realiza un cambio, con un tiempo que puede ser alto, si se considera adem\u00e1s que el consumo de memoria de los emuladores es bastante grande;\u00a0 las aplicaciones m\u00f3viles desarrolladas en React Native se pueden recargar autom\u00e1ticamente mediante la funcion Hot Reloading, permitiendo ganar tiempo durante el desarrollo.<\/p>\n<figure id=\"attachment_5491\" aria-describedby=\"caption-attachment-5491\" style=\"width: 214px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\" wp-image-5491\" src=\"https:\/\/itsoftware.com.co\/content\/wp-content\/uploads\/2017\/12\/Hot-Realoading-RN.jpg\" alt=\"Hot Realoading RN\" width=\"214\" height=\"380\" \/><figcaption id=\"caption-attachment-5491\" class=\"wp-caption-text\">Hot Reloading RN<\/figcaption><\/figure>\n<p>Para quienes se encuentran inmersos en el desarrollo de aplicaciones m\u00f3viles, este framework ofrece una serie de facilidades para el desarrollo en iOS y Android, para ser tenidas en cuenta, para la liberaci\u00f3n r\u00e1pida de aplicaciones m\u00f3viles en plataformas mixtas.<\/p>\n<p>Este art\u00edculo hace parte del sistema de divulgaci\u00f3n de conocimiento de <a href=\"http:\/\/itsoftware.com.co\">ITSoftware SAS<\/a>.<\/p>\n<h3>Si te gust\u00f3 este art\u00edculo, por favor no olvides compartirlo en las redes sociales. \ud83d\ude09<\/h3>\n","protected":false},"excerpt":{"rendered":"<p>React Native es un framework de c\u00f3digo abierto para el desarrollo de aplicaciones m\u00f3viles nativas, tanto para Android como para iOS.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1299],"tags":[1166,1395,1396,1394],"class_list":["post-5488","post","type-post","status-publish","format-standard","hentry","category-aplicaciones-moviles","tag-aplicaciones-moviles-android","tag-aplicaciones-moviles-ios","tag-aplicaciones-moviles-nativas","tag-react-native"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/posts\/5488","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/comments?post=5488"}],"version-history":[{"count":0,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/posts\/5488\/revisions"}],"wp:attachment":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/media?parent=5488"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/categories?post=5488"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/tags?post=5488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}