{"id":771,"date":"2020-12-22T19:36:24","date_gmt":"2020-12-22T18:36:24","guid":{"rendered":"http:\/\/photos.oceanwp.org\/?p=221"},"modified":"2023-07-26T19:15:03","modified_gmt":"2023-07-26T18:15:03","slug":"react-vs-vue","status":"publish","type":"post","link":"https:\/\/bitsolto.com\/bitacora\/webdev\/react-vs-vue\/","title":{"rendered":"React ou Vue"},"content":{"rendered":"<p>Seguro que m\u00e1is dunha vez &#8211; como non! -, ter\u00e1s o\u00eddo falar de Vue ou de React. E pode que a\u00ednd anon te\u00f1as moi claro para que serve cada un, ou , mellor, non sabes en que momento \u00e9 mellor decidirte por un ou por outro.<\/p>\n<style>\/*! elementor - v3.13.3 - 28-05-2023 *\/<br \/>\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style>\n<h2>Vue<\/h2>\n<p>Vue.js foi creado por Evan You en 2013 mentres traballaba en AngularJS para Google. Foi lanzado \u00e1 web en 2014, e case dende a s\u00faa aparici\u00f3n foi ga\u00f1ando en popularidade e convert\u00e9ndose na librar\u00eda favorita de moitos desenvolvedores para crear aplicaci\u00f3ns dunha soa p\u00e1xina.<\/p>\n<p>Vue.js funciona con JavaScript, \u00e9 altamente flexible e funciona tanto para crear aplicaci\u00f3ns dunha soa p\u00e1xina, coma tam\u00e9n para dese\u00f1ar interfaces de usuario. Outra das s\u00faas caracter\u00edsticas \u00e9 que se pode empregar tam\u00e9n para crear aplicaci\u00f3ns de escritorio e m\u00f3biles en combinaci\u00f3n co framework Electron.<\/p>\n<h3>Algunhas aplicaci\u00f3ns web que empregan Vue<\/h3>\n<ul>\n<li>Gitlab<\/li>\n<li style=\"font-size: 16px;\">Grammarly<\/li>\n<li style=\"font-size: 16px;\">Behance<\/li>\n<li style=\"font-size: 16px;\">Laravel Spark<\/li>\n<li style=\"font-size: 16px;\">Adobe Portfolio<\/li>\n<li style=\"font-size: 16px;\">9gag<\/li>\n<li style=\"font-size: 16px;\">Nintendo<\/li>\n<li style=\"font-size: 16px;\">FontAwesome<\/li>\n<\/ul>\n<h2>React<\/h2>\n<p>React \u00e9 unha librer\u00eda de c\u00f3digo aberto desenvolvida por un equipo de Facebook. A idea era mellorar o antigo modelo da co\u00f1ecida rede social que, debido a traballar co t\u00edpico sistema de enlaces entre vistas e datos encetaba a manifestar graves problemas de rendemento provocados pola gran cantidade de conexi\u00f3ns entre capas.<\/p>\n<p>Creada en 2013, \u00e9 unha ferramenta para crear interfaces din\u00e1micas para sitios web. A s\u00faa forza radica na representaci\u00f3n de elementos constru\u00eddos con compo\u00f1entes reusables no que se denomina o DOM virtual.<\/p>\n<p>Grazas ao uso deste DOM virtual, React non perde rendemento durante a interactividade e manipulaci\u00f3n; xa que este DOM virtual \u00e9 unha representaci\u00f3n do DOM, que permite que cada vez que se cambia o seu estado se actualice a unha representaci\u00f3n virtual e non real da interface.<\/p>\n<p>O DOM virtual repres\u00e9ntase como unha \u00e1rbore. Cada elemento \u00e9 un nodo presente nesa \u00e1rbore, se o estado de calquera destes cambia, isto provoca a creaci\u00f3n dunha nova \u00e1rbore ou DOM virtual distinto ao anterior.<\/p>\n<p>Estas caracteristicas fan que React se poida empregar para:<\/p>\n<ul>\n<li>crear aplicaci\u00f3ns web con interfaces de usuario sofisticadas<\/li>\n<li>constru\u00edr compo\u00f1entes a medida reutilizables e que permiten tempos de desenvolvemento m\u00e1is r\u00e1pidos<\/li>\n<\/ul>\n<p>Outra caracter\u00edstica salientable de React \u00e9 a s\u00faa rapidez de carga. O que fai que as webs desenvoltas con React sexan ben amigables para os buscadores.<\/p>\n<h3>Algunhas aplicaci\u00f3ns web que empregan React<\/h3>\n<ul>\n<li>Facebook<\/li>\n<li>Netflix<\/li>\n<li>Twitter<\/li>\n<li>PayPal<\/li>\n<li>BBC News<\/li>\n<li>Yahoo<\/li>\n<li>Instagram<\/li>\n<li>WhatsApp<\/li>\n<li>Dropbox<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Seguro que m\u00e1is dunha vez &#8211; como non! -, ter\u00e1s o\u00eddo falar de Vue ou de React. E pode que a\u00ednd anon te\u00f1as moi claro para que serve cada un, ou , mellor, non sabes en que momento \u00e9 mellor decidirte por un ou por outro. Vue Vue.js foi creado por Evan You en 2013 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":355,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"0","ocean_second_sidebar":"0","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"0","ocean_custom_header_template":"0","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"0","ocean_menu_typo_font_family":"0","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"0","omw_enable_modal_window":"enable","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"off","ocean_gallery_id":[],"footnotes":""},"categories":[26],"tags":[32,33,31],"class_list":["post-771","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdev","tag-js","tag-libreria","tag-web","entry","has-media"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/posts\/771","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/comments?post=771"}],"version-history":[{"count":19,"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/posts\/771\/revisions"}],"predecessor-version":[{"id":878,"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/posts\/771\/revisions\/878"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/media\/355"}],"wp:attachment":[{"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/media?parent=771"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/categories?post=771"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bitsolto.com\/bitacora\/wp-json\/wp\/v2\/tags?post=771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}