{"id":3573,"date":"2023-06-22T16:27:54","date_gmt":"2023-06-22T16:27:54","guid":{"rendered":"https:\/\/www.appyweb.es\/diccionario\/?post_type=project&#038;p=3573"},"modified":"2024-03-28T16:09:54","modified_gmt":"2024-03-28T16:09:54","slug":"react-react-native","status":"publish","type":"page","link":"https:\/\/www.appyweb.es\/diccionario\/react-react-native\/","title":{"rendered":"React y React Native"},"content":{"rendered":"<h1><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-12779\" src=\"https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2024\/03\/react-y-react-native-300x180.jpg\" alt=\"React y React Native\" width=\"972\" height=\"583\" srcset=\"https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2024\/03\/react-y-react-native-300x180.jpg 300w, https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2024\/03\/react-y-react-native-768x461.jpg 768w, https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2024\/03\/react-y-react-native.jpg 1000w\" sizes=\"auto, (max-width: 972px) 100vw, 972px\" \/><\/h1>\n<p>Ambos son tecnolog\u00edas que se utilizan en el desarrollo de aplicaciones, es decir, librer\u00edas de lenguajes de programaci\u00f3n. <strong>React y React Native se enfocan en la visualizaci\u00f3n de la app a dise\u00f1ar<\/strong>.<\/p>\n<h2>\u00bfQu\u00e9 es React?<\/h2>\n<p>React es b\u00e1sicamente una librer\u00eda de Java Script y <strong>se enfoca en el desarrollo de las interfaces de las apps para los usuarios<\/strong>. Fue desarrollada por Facebook y se basa en un paradigma de modelo-vista-control. La famosa empresa de recursos sociales tambi\u00e9n indica que es mejor utilizarlo en conjunto con un patr\u00f3n de dise\u00f1o de software, el m\u00e1s recomendado es Flux.<\/p>\n<p>Ciertamente, es un gran compa\u00f1ero <a href=\"https:\/\/www.appyweb.es\/diseno-web\/\">al dise\u00f1ar sitios web<\/a> o aplicaciones m\u00f3viles, sobre todo para principiantes, ya que su sistema se basa en componentes. Estos componentes son los que se utilizar\u00e1n para construir la interfaz de usuario, como los botones, una barra de b\u00fasqueda, etc.<\/p>\n<h2>\u00bfQu\u00e9 es React Native?<\/h2>\n<p>El Native es netamente un Framework de Java Script, es <a href=\"https:\/\/www.appyweb.es\/desarrollo-app\/\">utilizada para el desarrollo de apps<\/a> nativas para los sistemas Android e iOs. Se basa en t\u00e9cnicamente en la libreta de Java Script React (por eso son utilizados en conjunto con frecuencia), as\u00ed se crean todo tipo de componentes, los cuales se pueden cambiar para cumplir diferentes prop\u00f3sitos.<\/p>\n<p>Estas aplicaciones en vez de ejecutarse desde el navegador, <strong>trabajan de forma directa en la plataforma del equipo m\u00f3vil<\/strong>. En otras palabras, no hace utilidad neta de HTML5, sino de Java u Objetive-C.<\/p>\n<h2>\u00bfCu\u00e1l es mejor entre ambos?<\/h2>\n<p>Algunos desarrolladores indican que cada tecnolog\u00eda cuenta con sus virtudes y compararlas no es cuesti\u00f3n de saber cu\u00e1l es mejor. En dado caso, es necesario indicar que <strong>Native es utilizado con frecuencia<\/strong> por que las aplicaciones nativas suelen tener un aspecto m\u00e1s profesional e intuitivo. Pero, su desventaja se refleja en la cantidad de bugs que pueden presentar si no se controla el c\u00f3digo con regularidad.<\/p>\n<p>Por otro lado, en el caso de React es totalmente al contrario, es posible tener mayor control sobre el c\u00f3digo, pero su aspecto ser\u00eda m\u00e1s pobre. As\u00ed que todo depender\u00e1 de las opciones m\u00e1s convenientes para el desarrollador y el objetivo final de la app.<\/p>\n<h2>\u00bfEs posible convertir una app React a Native?<\/h2>\n<p>S\u00ed, solo es cuesti\u00f3n de cambiar algunas cosas, por ejemplo, eliminar todos los archivos CSS. Tambi\u00e9n se deben cambiar los componentes DOM por los de Native, ya que utilizan elementos diferentes. Asimismo, es necesario crear objetos de StyleSheet para desarrollar las vistas.<\/p>\n<p>Algunas veces <strong>tambi\u00e9n se debe cambiar de API en el contexto de Native<\/strong>, porque hay algunos objetos que se utilizan que no existen en esa versi\u00f3n.<\/p>\n<p><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[ \n{\"@type\":\"Question\",\"name\":\"\ud83d\udccc \u00bfQu\u00e9 es React?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<\/p>\n<p>React es b\u00e1sicamente una librer\u00eda de Java Script y <strong>se enfoca en el desarrollo de las interfaces de las apps para los usuarios<\/strong>. Fue desarrollada por Facebook y se basa en un paradigma de modelo-vista-control. La famosa empresa de recursos sociales tambi\u00e9n indica que es mejor utilizarlo en conjunto con un patr\u00f3n de dise\u00f1o de software, el m\u00e1s recomendado es Flux.<\/p>\n<p>Ciertamente, es un gran compa\u00f1ero <a href='https:\/\/www.appyweb.es\/diseno-web\/'>al dise\u00f1ar sitios web<\/a> o aplicaciones m\u00f3viles, sobre todo para principiantes, ya que su sistema se basa en componentes. Estos componentes son los que se utilizar\u00e1n para construir la interfaz de usuario, como los botones, una barra de b\u00fasqueda, etc.<\/p>\n<p>\"}},\n{\"@type\":\"Question\",\"name\":\"\ud83d\udccc \u00bfQu\u00e9 es React Native?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<\/p>\n<p>El Native es netamente un Framework de Java Script, es <a href='https:\/\/www.appyweb.es\/desarrollo-app\/'>utilizada para el desarrollo de apps<\/a> nativas para los sistemas Android e iOs. Se basa en t\u00e9cnicamente en la libreta de Java Script React (por eso son utilizados en conjunto con frecuencia), as\u00ed se crean todo tipo de componentes, los cuales se pueden cambiar para cumplir diferentes prop\u00f3sitos.<\/p>\n<p>Estas aplicaciones en vez de ejecutarse desde el navegador, <strong>trabajan de forma directa en la plataforma del equipo m\u00f3vil<\/strong>. En otras palabras, no hace utilidad neta de HTML5, sino de Java u Objetive-C.<\/p>\n<p>\"}},\n{\"@type\":\"Question\",\"name\":\"\ud83d\udccc \u00bfCu\u00e1l es mejor entre ambos?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<\/p>\n<p>Algunos desarrolladores indican que cada tecnolog\u00eda cuenta con sus virtudes y compararlas no es cuesti\u00f3n de saber cu\u00e1l es mejor. En dado caso, es necesario indicar que <strong>Native es utilizado con frecuencia<\/strong> por que las aplicaciones nativas suelen tener un aspecto m\u00e1s profesional e intuitivo. Pero, su desventaja se refleja en la cantidad de bugs que pueden presentar si no se controla el c\u00f3digo con regularidad.<\/p>\n<p>Por otro lado, en el caso de React es totalmente al contrario, es posible tener mayor control sobre el c\u00f3digo, pero su aspecto ser\u00eda m\u00e1s pobre. As\u00ed que todo depender\u00e1 de las opciones m\u00e1s convenientes para el desarrollador y el objetivo final de la app.<\/p>\n<p>\"}},\n{\"@type\":\"Question\",\"name\":\"\ud83d\udccc \u00bfEs posible convertir una app React a Native?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<\/p>\n<p>S\u00ed, solo es cuesti\u00f3n de cambiar algunas cosas, por ejemplo, eliminar todos los archivos CSS. Tambi\u00e9n se deben cambiar los componentes DOM por los de Native, ya que utilizan elementos diferentes. Asimismo, es necesario crear objetos de StyleSheet para desarrollar las vistas.<\/p>\n<p>Algunas veces <strong>tambi\u00e9n se debe cambiar de API en el contexto de Native<\/strong>, porque hay algunos objetos que se utilizan que no existen en esa versi\u00f3n.<\/p>\n<p>\"}}\n]}<\/script><\/p>\n<h2>M\u00e1s informaci\u00f3n sobre React y React Native<\/h2>\n<p>Pero, ambas herramientas cuentan con varias similitudes y es necesario hacer referencia a ellas, mira estos enlaces para tener m\u00e1s informaci\u00f3n.<\/p>\n<ul>\n<li><a href=\"https:\/\/www.appyweb.es\/diccionario\/javascript\/\">\u00bfQu\u00e9 es JavaScript y para qu\u00e9 sirve?<\/a><\/li>\n<li><a href=\"https:\/\/www.adictosaltrabajo.com\/2020\/10\/26\/como-convertir-una-app-de-react-en-una-app-de-react-native\/#similitudes\" rel=\"nofollow noopener\" target=\"_blank\">Similitudes entre React y React Native<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ambos son tecnolog\u00edas que se utilizan en el desarrollo de aplicaciones, es decir, librer\u00edas de lenguajes de programaci\u00f3n. React y React Native se enfocan en la visualizaci\u00f3n de la app a dise\u00f1ar. \u00bfQu\u00e9 es React? React es b\u00e1sicamente una librer\u00eda de Java Script y se enfoca en el desarrollo de las interfaces de las apps [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12779,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-3573","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages\/3573","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/comments?post=3573"}],"version-history":[{"count":5,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages\/3573\/revisions"}],"predecessor-version":[{"id":12781,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages\/3573\/revisions\/12781"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/media\/12779"}],"wp:attachment":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/media?parent=3573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}