{"id":6112,"date":"2019-06-17T10:11:34","date_gmt":"2019-06-17T08:11:34","guid":{"rendered":"https:\/\/interacso.com\/blog\/?p=6112"},"modified":"2019-06-17T18:15:31","modified_gmt":"2019-06-17T16:15:31","slug":"simply-react-js-interacso-talk","status":"publish","type":"post","link":"https:\/\/interacso.com\/blog\/2019\/06\/17\/simply-react-js-interacso-talk\/","title":{"rendered":"Simply React JS. Interacso Talk"},"content":{"rendered":"[vc_row type=\u00bbin_container\u00bb full_screen_row_position=\u00bbmiddle\u00bb scene_position=\u00bbcenter\u00bb text_color=\u00bbdark\u00bb text_align=\u00bbleft\u00bb class=\u00bbpost-row-center\u00bb overlay_strength=\u00bb0.3&#8243; shape_divider_position=\u00bbbottom\u00bb bg_image_animation=\u00bbnone\u00bb shape_type=\u00bb\u00bb][vc_column column_padding=\u00bbno-extra-padding\u00bb column_padding_position=\u00bball\u00bb background_color_opacity=\u00bb1&#8243; background_hover_color_opacity=\u00bb1&#8243; column_link_target=\u00bb_self\u00bb column_shadow=\u00bbnone\u00bb column_border_radius=\u00bbnone\u00bb width=\u00bb4\/5&#8243; tablet_width_inherit=\u00bbdefault\u00bb tablet_text_alignment=\u00bbdefault\u00bb phone_text_alignment=\u00bbdefault\u00bb column_border_width=\u00bbnone\u00bb column_border_style=\u00bbsolid\u00bb bg_image_animation=\u00bbnone\u00bb][vc_column_text]El objetivo de esta charla es eminentemente pr\u00e1ctico. Se trata de revisar herramientas que nos ayuden a usar el framework <strong>React<\/strong> para hacer una aplicaci\u00f3n de FrontEnd de una forma m\u00e1s f\u00e1cil, simple y adecuada y explicar tambi\u00e9n el porqu\u00e9 de que se elijan esas herramientas y no otras.<\/p>\n<p>A diferencia de otros <em>frameworks\u00a0<\/em> como <strong>Angular,<\/strong> donde todo lo que necesitas est\u00e1 en \u00e9l, React solo te permite pintar interfaces. Todo el resto de lo que necesites deber\u00e1s romperte la cabeza para encontrarlo en paquetes que te permitan hacerlo del modo m\u00e1s efectivo. Esto hace que<strong> React no sea un problema si eres un programador experimentado, pues conoces muchas herramientas y te gusta la flexibilidad<\/strong> que te da, y que no encuentras por ejemplo en Angular donde todo est\u00e1 predefinido. Sin embargo, hace la vida muy dif\u00edcil a los programadores m\u00e1s junior, que a veces se pueden sentir perdidos.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-6115 aligncenter\" src=\"https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/05\/reactangularvue-300x147.png\" alt=\"\" width=\"300\" height=\"147\" srcset=\"https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/05\/reactangularvue-300x147.png 300w, https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/05\/reactangularvue-768x376.png 768w, https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/05\/reactangularvue.png 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Un camino intermedio es el framework <strong>VueJS,<\/strong> el cual es flexible como React para incorporar diferentes herramientas pero todas las necesarias han sido desarrolladas por el mismo grupo de desarrollo de VueJS. Esto lo simplifica todo frente a React donde los paquetes necesarios tienen distintos or\u00edgenes, la mayor parte de ellos de la comunidad de desarrolladores y donde has de ser m\u00e1s experto para localizarlos y usarlos.<\/p>\n<p>Por esto, como una ayuda para los que deciden utilizar React, esta charla tiene como objetivo disminuir esa complejidad con la recomendaci\u00f3n de buenas herramientas y paquetes que hagan la vida m\u00e1s f\u00e1cil a los desarrolladores. En el video se comienza usando el empaquetador <strong>Parcel,<\/strong> una novedad frente al tan extendido <strong>webpack<\/strong>. La raz\u00f3n es que este empaquetador, que apenas lleva un a\u00f1o entre nosotros, es un empaquetador de aplicaciones ultra-r\u00e1pido y que no necesita configuraci\u00f3n. La novedad es que, en Parcel, todo est\u00e1 por defecto y s\u00f3lo si quieres algo especial has de configurarlo, algo que no ocurre en webpack donde debes hacer la configuraci\u00f3n siempre, aunque sea algo muy simple lo que quieres y <strong>esto hace a Parcel una alternativa muy eficiente a la hora de trabajar con React.<\/strong><\/p>\n<blockquote><p>En Parcel todo est\u00e1 por defecto y s\u00f3lo si quieres algo especial, debes configurarlo<\/p>\n<p>&nbsp;<\/p><\/blockquote>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-6114 aligncenter\" src=\"https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/05\/parcel-react-300x150.png\" alt=\"\" width=\"300\" height=\"150\" srcset=\"https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/05\/parcel-react-300x150.png 300w, https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/05\/parcel-react-768x384.png 768w, https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/05\/parcel-react-1024x512.png 1024w, https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/05\/parcel-react-1000x500.png 1000w, https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/05\/parcel-react-670x335.png 670w, https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/05\/parcel-react.png 1200w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>La siguiente recomendaci\u00f3n se refiere a las herramientas para dar el mismo estilo a todo tu c\u00f3digo, hacerlo m\u00e1s legible y evitar errores. En JS existe la herramienta <strong>JSLint<\/strong>, pero como en el caso anterior, tiene algunas desventajas. <strong>Para que todo tu proyecto<\/strong> tenga un mismo estilo y <strong>sea f\u00e1cilmente legible y libre de errores ha de crearse un archivo de configuraci\u00f3n con las reglas de estilo que prefieras<\/strong>. Esto da el mismo estilo a tu proyecto, pero si quieres que los siguientes proyectos tambi\u00e9n tengan ese estilo (lo que facilita leerlos) has de tener guardada y a mano esa configuraci\u00f3n para aplic\u00e1rsela. De no ser as\u00ed cada proyecto tendr\u00e1 el estilo que se decida en cada momento y el resultado ser\u00eda un peque\u00f1o \u00abcaos de estilos\u00bb.<\/p>\n<p>Para evitar esta dificultad y simplificarlo est\u00e1 la herramienta <strong>StandardJS<\/strong> (JavaScrip Standard style) que te configura JSLint con estilos estandarizados. <strong>No tienes que escribir t\u00fa la configuraci\u00f3n y todos tus proyectos tendr\u00e1n as\u00ed m\u00e1s uniformidad de estilo<\/strong>. Esto lo est\u00e1 convirtiendo casi en un est\u00e1ndar de facto por lo mucho que aligera el trabajo.<\/p>\n<blockquote><p>StandardJS te configura JSLint con estilos estandarizados<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-6117 aligncenter\" src=\"https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/05\/standardJS-300x163.png\" alt=\"\" width=\"300\" height=\"163\" srcset=\"https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/05\/standardJS-300x163.png 300w, https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/05\/standardJS-768x417.png 768w, https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/05\/standardJS-1024x556.png 1024w, https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/05\/standardJS.png 1242w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Otra de las herramientas que se revisan en este video es <strong>ReactN<\/strong> como alternativa a <strong>Redux<\/strong>. React funciona muy bien con Redux para mantener la representaci\u00f3n del estado, de modo que con su uni\u00f3n React modifica la interfaz con los cambios de estado por lo que la vista es una buena representaci\u00f3n de esos cambios de estado internos. Redux realiza esos cambios mediante acciones predefinidas. Sin embargo, <strong>Redux necesita mucho c\u00f3digo y si nuestra aplicaci\u00f3n es simple en su l\u00f3gica, le a\u00f1adir\u00e1 una complejidad que no es necesaria<\/strong>. Es muy bueno, sin embargo, para aplicaciones complejas con multitud de acciones debidas a cambios de estado (un ejemplo pod\u00eda ser la p\u00e1gina de Netflix donde las opciones son muchas y la visualizaci\u00f3n ha de cambiar con ellas, pero ser\u00eda innecesario para una aplicaci\u00f3n de un simple formulario, por ejemplo).<\/p>\n<blockquote><p>Redux es recomendable para aplicaciones complejas con multitud de acciones debidas a cambios de estado. Por lo que React funciona muy bien con Redux para mantener la representaci\u00f3n del estado<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-6116 aligncenter\" src=\"https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/05\/reactn-300x68.png\" alt=\"\" width=\"300\" height=\"68\" srcset=\"https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/05\/reactn-300x68.png 300w, https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/05\/reactn.png 469w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Para estas aplicaciones m\u00e1s sencillas en su l\u00f3gica, ReactN es \u00f3ptimo pues usa la misma API que React y tienes a la vez una buena representaci\u00f3n del estado global.<\/p>\n<p>Os dejamos aqu\u00ed el video de la <strong>Interacso Talk<\/strong> donde todo esto est\u00e1 magn\u00edficamente explicado con m\u00e1s detalle y paso por paso con ejemplos en pantalla.[\/vc_column_text][vc_video link=\u00bbhttps:\/\/youtu.be\/FUwP_WSvVhM\u00bb][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>[vc_row type=\u00bbin_container\u00bb full_screen_row_position=\u00bbmiddle\u00bb scene_position=\u00bbcenter\u00bb text_color=\u00bbdark\u00bb text_align=\u00bbleft\u00bb class=\u00bbpost-row-center\u00bb overlay_strength=\u00bb0.3&#8243; shape_divider_position=\u00bbbottom\u00bb bg_image_animation=\u00bbnone\u00bb shape_type=\u00bb\u00bb][vc_column column_padding=\u00bbno-extra-padding\u00bb column_padding_position=\u00bball\u00bb background_color_opacity=\u00bb1&#8243; background_hover_color_opacity=\u00bb1&#8243; column_link_target=\u00bb_self\u00bb column_shadow=\u00bbnone\u00bb column_border_radius=\u00bbnone\u00bb width=\u00bb4\/5&#8243; tablet_width_inherit=\u00bbdefault\u00bb tablet_text_alignment=\u00bbdefault\u00bb phone_text_alignment=\u00bbdefault\u00bb column_border_width=\u00bbnone\u00bb column_border_style=\u00bbsolid\u00bb bg_image_animation=\u00bbnone\u00bb][vc_column_text]El&#8230;<\/p>\n","protected":false},"author":2,"featured_media":6118,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[109,32,36,116,58,113,110,89,108,114,111,74,115,112,57],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Simply React JS. Interacso Talk - Blog de Interacso<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/interacso.com\/blog\/2019\/06\/17\/simply-react-js-interacso-talk\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Simply React JS. Interacso Talk - Blog de Interacso\" \/>\n<meta property=\"og:description\" content=\"[vc_row type=\u00bbin_container\u00bb full_screen_row_position=\u00bbmiddle\u00bb scene_position=\u00bbcenter\u00bb text_color=\u00bbdark\u00bb text_align=\u00bbleft\u00bb class=\u00bbpost-row-center\u00bb overlay_strength=\u00bb0.3&#8243; shape_divider_position=\u00bbbottom\u00bb bg_image_animation=\u00bbnone\u00bb shape_type=\u00bb\u00bb][vc_column column_padding=\u00bbno-extra-padding\u00bb column_padding_position=\u00bball\u00bb background_color_opacity=\u00bb1&#8243; background_hover_color_opacity=\u00bb1&#8243; column_link_target=\u00bb_self\u00bb column_shadow=\u00bbnone\u00bb column_border_radius=\u00bbnone\u00bb width=\u00bb4\/5&#8243; tablet_width_inherit=\u00bbdefault\u00bb tablet_text_alignment=\u00bbdefault\u00bb phone_text_alignment=\u00bbdefault\u00bb column_border_width=\u00bbnone\u00bb column_border_style=\u00bbsolid\u00bb bg_image_animation=\u00bbnone\u00bb][vc_column_text]El...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/interacso.com\/blog\/2019\/06\/17\/simply-react-js-interacso-talk\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de Interacso\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/interacso\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-06-17T08:11:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-06-17T16:15:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/05\/reactluminoso.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jos\u00e9 de la Pe\u00f1a\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@interacso\" \/>\n<meta name=\"twitter:site\" content=\"@interacso\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jos\u00e9 de la Pe\u00f1a\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/interacso.com\/blog\/2019\/06\/17\/simply-react-js-interacso-talk\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/interacso.com\/blog\/2019\/06\/17\/simply-react-js-interacso-talk\/\"},\"author\":{\"name\":\"Jos\u00e9 de la Pe\u00f1a\",\"@id\":\"https:\/\/interacso.com\/blog\/#\/schema\/person\/d4788b9a2571c10f045d89377a19d699\"},\"headline\":\"Simply React JS. Interacso Talk\",\"datePublished\":\"2019-06-17T08:11:34+00:00\",\"dateModified\":\"2019-06-17T16:15:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/interacso.com\/blog\/2019\/06\/17\/simply-react-js-interacso-talk\/\"},\"wordCount\":936,\"publisher\":{\"@id\":\"https:\/\/interacso.com\/blog\/#organization\"},\"keywords\":[\"Angular\",\"c\u00f3digo\",\"desarrolladores\",\"framework\",\"Interacso Talk\",\"JSLint\",\"Parcel\",\"React\",\"ReactN\",\"Redux\",\"StandardJS\",\"video\",\"VueJS\",\"webpack\",\"Youtube\"],\"articleSection\":[\"Desarrollo y tecnolog\u00eda\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/interacso.com\/blog\/2019\/06\/17\/simply-react-js-interacso-talk\/\",\"url\":\"https:\/\/interacso.com\/blog\/2019\/06\/17\/simply-react-js-interacso-talk\/\",\"name\":\"Simply React JS. Interacso Talk - Blog de Interacso\",\"isPartOf\":{\"@id\":\"https:\/\/interacso.com\/blog\/#website\"},\"datePublished\":\"2019-06-17T08:11:34+00:00\",\"dateModified\":\"2019-06-17T16:15:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/interacso.com\/blog\/2019\/06\/17\/simply-react-js-interacso-talk\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/interacso.com\/blog\/2019\/06\/17\/simply-react-js-interacso-talk\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/interacso.com\/blog\/2019\/06\/17\/simply-react-js-interacso-talk\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/interacso.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Simply React JS. Interacso Talk\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/interacso.com\/blog\/#website\",\"url\":\"https:\/\/interacso.com\/blog\/\",\"name\":\"Blog de Interacso\",\"description\":\"Transformaci\u00f3n digital, innovaci\u00f3n y cultura digital\",\"publisher\":{\"@id\":\"https:\/\/interacso.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/interacso.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/interacso.com\/blog\/#organization\",\"name\":\"interacso\",\"url\":\"https:\/\/interacso.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/interacso.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/blog.interacso.dev\/wp-content\/uploads\/2019\/05\/interacso_isotipo_blanco_slack_no_fil_no_margin_512px.png\",\"contentUrl\":\"https:\/\/blog.interacso.dev\/wp-content\/uploads\/2019\/05\/interacso_isotipo_blanco_slack_no_fil_no_margin_512px.png\",\"width\":512,\"height\":512,\"caption\":\"interacso\"},\"image\":{\"@id\":\"https:\/\/interacso.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/interacso\/\",\"https:\/\/twitter.com\/interacso\",\"https:\/\/instagram.com\/interacso_\/\",\"https:\/\/www.linkedin.com\/company\/interacso\/\",\"https:\/\/www.youtube.com\/user\/interacso\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/interacso.com\/blog\/#\/schema\/person\/d4788b9a2571c10f045d89377a19d699\",\"name\":\"Jos\u00e9 de la Pe\u00f1a\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/interacso.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/03\/foto_400x400-96x96.jpg\",\"contentUrl\":\"https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/03\/foto_400x400-96x96.jpg\",\"caption\":\"Jos\u00e9 de la Pe\u00f1a\"},\"url\":\"https:\/\/interacso.com\/blog\/author\/josedelapena\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Simply React JS. Interacso Talk - Blog de Interacso","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/interacso.com\/blog\/2019\/06\/17\/simply-react-js-interacso-talk\/","og_locale":"es_ES","og_type":"article","og_title":"Simply React JS. Interacso Talk - Blog de Interacso","og_description":"[vc_row type=\u00bbin_container\u00bb full_screen_row_position=\u00bbmiddle\u00bb scene_position=\u00bbcenter\u00bb text_color=\u00bbdark\u00bb text_align=\u00bbleft\u00bb class=\u00bbpost-row-center\u00bb overlay_strength=\u00bb0.3&#8243; shape_divider_position=\u00bbbottom\u00bb bg_image_animation=\u00bbnone\u00bb shape_type=\u00bb\u00bb][vc_column column_padding=\u00bbno-extra-padding\u00bb column_padding_position=\u00bball\u00bb background_color_opacity=\u00bb1&#8243; background_hover_color_opacity=\u00bb1&#8243; column_link_target=\u00bb_self\u00bb column_shadow=\u00bbnone\u00bb column_border_radius=\u00bbnone\u00bb width=\u00bb4\/5&#8243; tablet_width_inherit=\u00bbdefault\u00bb tablet_text_alignment=\u00bbdefault\u00bb phone_text_alignment=\u00bbdefault\u00bb column_border_width=\u00bbnone\u00bb column_border_style=\u00bbsolid\u00bb bg_image_animation=\u00bbnone\u00bb][vc_column_text]El...","og_url":"https:\/\/interacso.com\/blog\/2019\/06\/17\/simply-react-js-interacso-talk\/","og_site_name":"Blog de Interacso","article_publisher":"https:\/\/www.facebook.com\/interacso\/","article_published_time":"2019-06-17T08:11:34+00:00","article_modified_time":"2019-06-17T16:15:31+00:00","og_image":[{"width":1200,"height":1000,"url":"https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/05\/reactluminoso.png","type":"image\/png"}],"author":"Jos\u00e9 de la Pe\u00f1a","twitter_card":"summary_large_image","twitter_creator":"@interacso","twitter_site":"@interacso","twitter_misc":{"Written by":"Jos\u00e9 de la Pe\u00f1a","Est. reading time":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/interacso.com\/blog\/2019\/06\/17\/simply-react-js-interacso-talk\/#article","isPartOf":{"@id":"https:\/\/interacso.com\/blog\/2019\/06\/17\/simply-react-js-interacso-talk\/"},"author":{"name":"Jos\u00e9 de la Pe\u00f1a","@id":"https:\/\/interacso.com\/blog\/#\/schema\/person\/d4788b9a2571c10f045d89377a19d699"},"headline":"Simply React JS. Interacso Talk","datePublished":"2019-06-17T08:11:34+00:00","dateModified":"2019-06-17T16:15:31+00:00","mainEntityOfPage":{"@id":"https:\/\/interacso.com\/blog\/2019\/06\/17\/simply-react-js-interacso-talk\/"},"wordCount":936,"publisher":{"@id":"https:\/\/interacso.com\/blog\/#organization"},"keywords":["Angular","c\u00f3digo","desarrolladores","framework","Interacso Talk","JSLint","Parcel","React","ReactN","Redux","StandardJS","video","VueJS","webpack","Youtube"],"articleSection":["Desarrollo y tecnolog\u00eda"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/interacso.com\/blog\/2019\/06\/17\/simply-react-js-interacso-talk\/","url":"https:\/\/interacso.com\/blog\/2019\/06\/17\/simply-react-js-interacso-talk\/","name":"Simply React JS. Interacso Talk - Blog de Interacso","isPartOf":{"@id":"https:\/\/interacso.com\/blog\/#website"},"datePublished":"2019-06-17T08:11:34+00:00","dateModified":"2019-06-17T16:15:31+00:00","breadcrumb":{"@id":"https:\/\/interacso.com\/blog\/2019\/06\/17\/simply-react-js-interacso-talk\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/interacso.com\/blog\/2019\/06\/17\/simply-react-js-interacso-talk\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/interacso.com\/blog\/2019\/06\/17\/simply-react-js-interacso-talk\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/interacso.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Simply React JS. Interacso Talk"}]},{"@type":"WebSite","@id":"https:\/\/interacso.com\/blog\/#website","url":"https:\/\/interacso.com\/blog\/","name":"Blog de Interacso","description":"Transformaci\u00f3n digital, innovaci\u00f3n y cultura digital","publisher":{"@id":"https:\/\/interacso.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/interacso.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/interacso.com\/blog\/#organization","name":"interacso","url":"https:\/\/interacso.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/interacso.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/blog.interacso.dev\/wp-content\/uploads\/2019\/05\/interacso_isotipo_blanco_slack_no_fil_no_margin_512px.png","contentUrl":"https:\/\/blog.interacso.dev\/wp-content\/uploads\/2019\/05\/interacso_isotipo_blanco_slack_no_fil_no_margin_512px.png","width":512,"height":512,"caption":"interacso"},"image":{"@id":"https:\/\/interacso.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/interacso\/","https:\/\/twitter.com\/interacso","https:\/\/instagram.com\/interacso_\/","https:\/\/www.linkedin.com\/company\/interacso\/","https:\/\/www.youtube.com\/user\/interacso"]},{"@type":"Person","@id":"https:\/\/interacso.com\/blog\/#\/schema\/person\/d4788b9a2571c10f045d89377a19d699","name":"Jos\u00e9 de la Pe\u00f1a","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/interacso.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/03\/foto_400x400-96x96.jpg","contentUrl":"https:\/\/interacso.com\/blog\/wp-content\/uploads\/2019\/03\/foto_400x400-96x96.jpg","caption":"Jos\u00e9 de la Pe\u00f1a"},"url":"https:\/\/interacso.com\/blog\/author\/josedelapena\/"}]}},"_links":{"self":[{"href":"https:\/\/interacso.com\/blog\/wp-json\/wp\/v2\/posts\/6112"}],"collection":[{"href":"https:\/\/interacso.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/interacso.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/interacso.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/interacso.com\/blog\/wp-json\/wp\/v2\/comments?post=6112"}],"version-history":[{"count":12,"href":"https:\/\/interacso.com\/blog\/wp-json\/wp\/v2\/posts\/6112\/revisions"}],"predecessor-version":[{"id":6158,"href":"https:\/\/interacso.com\/blog\/wp-json\/wp\/v2\/posts\/6112\/revisions\/6158"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/interacso.com\/blog\/wp-json\/wp\/v2\/media\/6118"}],"wp:attachment":[{"href":"https:\/\/interacso.com\/blog\/wp-json\/wp\/v2\/media?parent=6112"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/interacso.com\/blog\/wp-json\/wp\/v2\/categories?post=6112"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/interacso.com\/blog\/wp-json\/wp\/v2\/tags?post=6112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}