{"id":20993,"date":"2019-08-06T09:10:16","date_gmt":"2019-08-06T07:10:16","guid":{"rendered":"https:\/\/www.teldat.com\/sin-categorizar\/20993\/react-ayuda-a-sd-wan-tener-interfaces-de-usuario-modernos\/"},"modified":"2022-12-19T18:43:19","modified_gmt":"2022-12-19T16:43:19","slug":"react-ayuda-a-sd-wan-tener-interfaces-de-usuario-modernos","status":"publish","type":"post","link":"https:\/\/www.teldat.com\/es\/blog\/react-ayuda-a-sd-wan-tener-interfaces-de-usuario-modernos\/","title":{"rendered":"React: una tecnolog\u00eda clave para el futuro"},"content":{"rendered":"

\"react\"React<\/strong> inicio su andadura en el a\u00f1o 2010 de la mano de Facebook, y como nuevo lenguaje basado en c\u00f3digo abierto<\/strong> se populariza cuando en 2014 Mark Zuckerberg compra Instagram.<\/p>\n

De su mantenimiento se encarga Facebook y una comunidad de software libre<\/strong> en la que participan m\u00e1s de mil desarrolladores; todo esto conlleva una nueva tecnolog\u00eda puntera en el mundo de la programaci\u00f3n.<\/p>\n

<\/p>\n

\u00bfQu\u00e9 es React y para qu\u00e9 se utiliza?<\/h2>\n

Se utiliza para el desarrollo de aplicaciones en las que su interfaz cambia constantemente, que es su principal objetivo, leguaje sencillo y declarativo, basado en el patr\u00f3n MVC<\/strong> y utilizado en React-based<\/strong>. La sintaxis es JSX<\/strong>, muy parecida a HTML; esto hace que el c\u00f3digo sea mucho m\u00e1s legible y f\u00e1cil de entender.<\/p>\n

React<\/strong> tambi\u00e9n se puede combinar con Redux.<\/strong> As\u00ed, se recurre a la idea de la separaci\u00f3n de la presentaci\u00f3n y el componente de contenedor. En la presentaci\u00f3n nos referimos a c\u00f3mo se ven las cosas<\/em>, c\u00f3mo recibe datos y devoluciones de las props<\/strong>, que son las propiedades que pueden definirse como los atributos de configuraci\u00f3n para dicho componente. Sin embargo, la idea de los contenedores est\u00e1 m\u00e1s enfocada a c\u00f3mo funcionan las cosas, que por lo general no tienen un marcado DOM<\/strong> (Document Object Model)<\/em><\/p>\n

El estado de los componentes es una representaci\u00f3n en un momento concreto. Y aqu\u00ed vemos que existen dos tipos de componentes<\/strong>. Los que tienen estado y los que no lo tienen. Todo esto busca un mejor entendimiento de las aplicaciones e interfaces de usuario, aumentando la reutilizaci\u00f3n, que es un factor muy importante, donde un componente podr\u00e1 ser utilizado en diferentes ocasiones.<\/p>\n

Como lenguaje de programaci\u00f3n, React se puede utilizar para crear cualquier vista de p\u00e1gina web, aplicaci\u00f3n o similar. Sin embargo, pienso que, junto a Redux<\/strong> y combinado con JavaScript<\/strong> permite construir unas interfaces de usuario tan modernas y din\u00e1micas como queramos.<\/p>\n

Estamos ante una nueva tecnolog\u00eda nacida hace solo unos a\u00f1os y desde luego ser\u00e1 clave en el futuro. Dado su dinamismo y su facilidad de uso, en Teldat<\/strong> desarrollamos front-end de ciertas partes de nuestra soluci\u00f3n SD-WAN.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

React inicio su andadura en el a\u00f1o 2010 de la mano de Facebook, y como nuevo lenguaje basado en c\u00f3digo abierto se populariza cuando en 2014 Mark Zuckerberg compra Instagram. De su mantenimiento se encarga Facebook y una comunidad de software libre en la que participan m\u00e1s de mil desarrolladores; todo esto conlleva una nueva […]<\/p>\n","protected":false},"author":199,"featured_media":19669,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1168],"tags":[1077],"class_list":["post-20993","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tecnologia-sd-wan","tag-soluciones-sd-wan"],"acf":[],"wpml_current_locale":"es_ES","wpml_translations":[{"locale":"en_US","id":19662,"slug":"react-help-sd-wan-have-modern-user-interfaces","post_title":"React, a new technology","href":"https:\/\/www.teldat.com\/react-help-sd-wan-have-modern-user-interfaces\/"}],"_links":{"self":[{"href":"https:\/\/www.teldat.com\/es\/wp-json\/wp\/v2\/posts\/20993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.teldat.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.teldat.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.teldat.com\/es\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/www.teldat.com\/es\/wp-json\/wp\/v2\/comments?post=20993"}],"version-history":[{"count":0,"href":"https:\/\/www.teldat.com\/es\/wp-json\/wp\/v2\/posts\/20993\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.teldat.com\/es\/wp-json\/wp\/v2\/media\/19669"}],"wp:attachment":[{"href":"https:\/\/www.teldat.com\/es\/wp-json\/wp\/v2\/media?parent=20993"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.teldat.com\/es\/wp-json\/wp\/v2\/categories?post=20993"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.teldat.com\/es\/wp-json\/wp\/v2\/tags?post=20993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}