{"id":7246,"date":"2022-03-06T08:28:05","date_gmt":"2022-03-06T07:28:05","guid":{"rendered":"http:\/\/www.unimedia.tech.mialias.net\/react-18-features-whats-new-in-the-box\/"},"modified":"2024-01-09T10:17:39","modified_gmt":"2024-01-09T09:17:39","slug":"caracteristicas-de-react-18","status":"publish","type":"post","link":"https:\/\/www.unimedia.tech\/es\/caracteristicas-de-react-18\/","title":{"rendered":"Caracter\u00edsticas de React 18 &#8211; \u00bfQu\u00e9 hay de nuevo?"},"content":{"rendered":"\r\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 es ReactJs?<\/h2>\r\n<p>ReactJS es una librer\u00eda front-end basada en componentes, gratuita y de c\u00f3digo abierto, responsable \u00fanicamente de la capa de vista de la aplicaci\u00f3n. Esta biblioteca JavaScript sirve para construir interfaces de usuario basadas en componentes de interfaz de usuario. Facebook se encarga de su mantenimiento. React ha proporcionado facilidad desde su lanzamiento.<\/p>\r\n<p>Tambi\u00e9n te puede interesar: &#8220;Construye una aplicaci\u00f3n CRUD simple usando React y Node&#8221;<\/p>\r\n<p>React utiliza un paradigma declarativo que facilita el razonamiento de tu aplicaci\u00f3n y objetivos para ser eficiente y flexible. Ilustra vistas simples para cada estado de una aplicaci\u00f3n, y React actualizar\u00e1 y renderizar\u00e1 eficientemente el componente correcto cuando los datos se transformen. La vista declarativa hace que el c\u00f3digo sea m\u00e1s f\u00e1cil de leer y sin esfuerzo en el estado de depuraci\u00f3n.<\/p>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">\u00bfCu\u00e1l es el objetivo principal de este art\u00edculo?<\/h2>\r\n\r\n\r\n\r\n<p>Este art\u00edculo arroja luz sobre las pr\u00f3ximas caracter\u00edsticas que estar\u00e1n disponibles en React-18, sus aplicaciones y otras cosas esenciales que vale la pena comprender.<\/p>\r\n<p>Cuando se trata de lanzar una nueva versi\u00f3n de un lenguaje de programaci\u00f3n, los desarrolladores a menudo sienten p\u00e1nico. Siempre existe el temor de actualizar o desmantelar la configuraci\u00f3n existente. En este caso, \u00a1no deber\u00eda tener ansiedad en absoluto! La nueva versi\u00f3n no incluir\u00e1 cambios importantes. Por lo tanto, no requiere nuevas habilidades.<br \/>La \u00faltima versi\u00f3n viene con out-of-the-box funciones de mejora en forma de lotes automatizados, nuevas APIs (por ejemplo, startTransition), y un nuevo servidor de streaming de renderizado con soporte integrado para React.lazy en el momento en que ser\u00e1 lanzado y listo para rodar para los desarrolladores.<\/p>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Concurrent Rendering en React 18<\/h3>\r\n\r\n\r\n\r\n<p>Entre las nuevas caracter\u00edsticas, la concurrencia es el principal cambio en la \u00faltima versi\u00f3n de React 18. La concurrencia define la capacidad de ejecutar varias tareas a la vez. Supongamos que un usuario est\u00e1 haciendo clic o escribiendo en un componente React y simult\u00e1neamente se est\u00e1 reproduciendo una animaci\u00f3n en un componente en otro componente React. En esta situaci\u00f3n, la animaci\u00f3n se renderiza dentro del contexto de React mientras el usuario est\u00e1 tecleando o pulsando los botones. Por otro lado, en las versiones anteriores, React operaba todas estas llamadas hook, llamadas a funciones, etc., simult\u00e1neamente, y tardaba un tiempo prolongado en procesarlas todas. M\u00e1s detalles en el React-18 Release announcement.<\/p>\r\n<p>As\u00ed que, en un momento dado, el usuario ten\u00eda la sensaci\u00f3n de que la aplicaci\u00f3n se estaba atascando. Definitivamente, este incidente tuvo un impacto destructivo en los usuarios. Para resolver este problema, los desarrolladores de React vienen con la idea de Concurrent Rendering que proporciona API de transici\u00f3n por la que React est\u00e1 ganando alg\u00fan comando de este bucle de eventos para el usuario.<\/p>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">La Transition API<\/h3>\r\n\r\n\r\n\r\n<p>Como se mencion\u00f3 anteriormente, la API Transition proporciona control sobre la concurrencia con la nueva versi\u00f3n de React 18. La API startTransition permite a los desarrolladores indicar qu\u00e9 acciones pueden bloquear el hilo y causar retraso en la pantalla. Supongamos que un usuario obstruye una transici\u00f3n; React lanzar\u00e1 el trabajo de renderizado obsoleto que no estaba terminado y renderizar\u00e1 s\u00f3lo la \u00faltima actualizaci\u00f3n. Perm\u00edtanme darles un ejemplo r\u00e1pido del uso de la API startTransition a continuaci\u00f3n.<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code>import { startTransition } from 'react';\r\nsetInputValue(input);\r\nstartTransition(() =&gt; {\r\n    setSearchQuery(input);\r\n});<\/code><\/pre>\r\n\r\n\r\n\r\n<p>Las transiciones te permiten controlar la mayor\u00eda de las interacciones con rapidez, aunque conlleven cambios importantes en la interfaz de usuario. Tambi\u00e9n evitan que pierdas tiempo renderizando contenido que ya no es relevante.<\/p>\r\n<p>React 18 tambi\u00e9n incluye un nuevo hook llamado useTransition. Usando este hook el desarrollador puede mostrar un cargador mientras la transici\u00f3n est\u00e1 pendiente. Ayuda a indicar al usuario que la aplicaci\u00f3n est\u00e1 procesando su entrada y mostrar\u00e1 los resultados pronto. Sigue el siguiente ejemplo.<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code>import { useTransition } from'react';\r\nconst [isPending, startTransition] = useTransition();\r\nconst callback = () =&gt; {\r\n    setInputValue(input);\r\n    startTransition(() =&gt; {\r\n       setSearchQuery(input);\r\n  });\r\n}<\/code><\/pre>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Batching autom\u00e1tico en React<\/h3>\r\n\r\n\r\n\r\n<p>El batching ofrece un mejor rendimiento computacional. Se produce cuando ReactJS agrupa varias actualizaciones en un \u00fanico estado de renderizado. Batching es algo de lo que los desarrolladores normalmente no tienen que preocuparse, pero es conveniente saber lo que est\u00e1 pasando detr\u00e1s de la escena. Cada vez que alguien utiliza setState para cambiar una variable dentro de cualquier funci\u00f3n, en lugar de hacer un render en cada setState, React en su lugar recoge todos los setState y luego los ejecuta juntos. Es un batching autom\u00e1tico. Por favor, echa un vistazo al siguiente fragmento de c\u00f3digo para entender bien el proceso.<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code>import { useState, useLayoutEffect } from \"react\";\r\nimport * as ReactDOM from \"react-dom\";\r\nfunction App() {\r\n    const [count, setCount] = useState(0);\r\n    const [flag, setFlag] = useState(false);\r\n    function handleClick() {\r\n       console.log(\"=== click ===\");\r\n       fetchSomething().then(() =&gt; {\r\n           setCount((i) =&gt; i + 1);\r\n           setFlag((f) =&gt; !f);\r\n       });\r\n    }\r\n    return (\r\n    &lt;div&gt;\r\n    &lt;button onClick={handleClick}&gt;Click and Count&lt;\/button&gt;\r\n    &lt;h1 style={{ color: flag ? \"red\" : \"green\" }}&gt;{count}&lt;\/h1&gt;\r\n    &lt;LogEvents \/&gt;\r\n    &lt;\/div&gt;\r\n );\r\n}<\/code><\/pre>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Novedades y mejoras de la API de ra\u00edz<\/h3>\r\n\r\n\r\n\r\n<p>La API Root funciona como un puntero para las estructuras de datos de nivel superior de la aplicaci\u00f3n que React utiliza para seguir un \u00e1rbol de renderizado. La API ra\u00edz heredada y ReactDOM.createRoot son las dos nuevas API que se introducir\u00e1n en React 18. La \u00faltima API ra\u00edz llamada ReactDOM.createRoot a\u00f1adir\u00e1 todos los refinamientos a la aplicaci\u00f3n y permitir\u00e1 las caracter\u00edsticas del modo concurrente. Perm\u00edtanme mostrarles la diferencia entre la antigua y la nueva API ra\u00edz a continuaci\u00f3n.<\/p>\r\n\r\n\r\n\r\n<h4 class=\"wp-block-heading\">Ejemplo (la antigua API ra\u00edz)<\/h4>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code>import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport App from 'App';\r\nReactDOM.render(&lt;App \/&gt;, document.getElementById('root'));<\/code><\/pre>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<h4 class=\"wp-block-heading\">Ejemplo (la nueva API ra\u00edz)<\/h4>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code>import ReactDOM from 'react-dom';\r\nimport App from 'App';\r\nconst root = ReactDOM.createRoot(document.getElementById('root'));root.render(&lt;App \/&gt;);<\/code><\/pre>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">API de suspensi\u00f3n y renderizaci\u00f3n del lado del servidor<\/h2>\r\n\r\n\r\n\r\n<p>Las siglas SSR significan Server-Side-Rendering. Es un componente que permite a los desarrolladores desarrollar HTML a partir de componentes React directamente en el servidor y compartir el HTML con los usuarios. Los usuarios pueden ver una vista previa de la p\u00e1gina a trav\u00e9s de Server-Side-Rendering incluso antes de cargar el paquete javascript. Sin embargo, estos paquetes javascript tardan a veces m\u00e1s tiempo de lo habitual en procesar el paquete. Este per\u00edodo de tiempo es el tiempo de hidrataci\u00f3n. La \u00faltima versi\u00f3n de React reducir\u00e1 el tiempo de hidrataci\u00f3n. Por lo tanto, permite HTML streaming directamente en el SSR. \u00bfTe preguntas qu\u00e9 es HTML streaming? Perm\u00edtanme ponerlo de esta manera: Streaming HTML indica que el servidor puede enviar trozos de tus componentes a medida que se renderizan. Se realiza mediante el uso de la API Suspense, donde usted seleccionar\u00eda qu\u00e9 partes de su aplicaci\u00f3n tardar\u00e1n m\u00e1s en cargarse y cu\u00e1les deben renderizarse instant\u00e1neamente. Por favor, eche un vistazo al siguiente ejemplo.<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code>&lt;Page&gt;\r\n    &lt;Article \/&gt;\r\n    &lt;Suspense fallback={&lt;Loader \/&gt;}&gt;\r\n         &lt;Comments \/&gt;   \r\n    &lt;\/Suspense&gt;&lt;\/Page&gt;<\/code><\/pre>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Colaboraci\u00f3n con la Comunidad<\/h2>\r\n\r\n\r\n\r\n<p>Para esta versi\u00f3n, el equipo de desarrolladores de React est\u00e1 intentando algo distinto: han invitado a un panel de expertos, desarrolladores, autores de bibliotecas y educadores de toda la comunidad React a unirse a su Grupo de Trabajo React 18 para aportar comentarios, hacer preguntas y trabajar en el proyecto. La misi\u00f3n del Grupo de Trabajo de React 18 es preparar el ecosistema para la adopci\u00f3n fluida y progresiva de React 18 por parte de las aplicaciones y frameworks existentes. Los debates del grupo de trabajo se celebran en GitHub Discussions y est\u00e1n abiertos al p\u00fablico. Los miembros del grupo de trabajo de React pueden realizar aportaciones, plantear preguntas y debatir ideas. El equipo central tambi\u00e9n compartir\u00e1 los resultados de la investigaci\u00f3n en el repositorio de conversaciones. El blog oficial de React comunicar\u00e1 cualquier informaci\u00f3n cr\u00edtica a medida que se acerque la fecha del lanzamiento estable.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">\u00bfC\u00f3mo empezar hoy mismo con React 18 Alpha?<\/h2>\r\n\r\n\r\n\r\n<p>La etiqueta @alpha se utiliza para publicar nuevas alphas en npm regularmente. El commit m\u00e1s reciente de nuestro repositorio principal se utiliza para crear estas versiones. Cuando una caracter\u00edstica o correcci\u00f3n de errores se fusiona, una versi\u00f3n alfa se publicar\u00e1 el siguiente d\u00eda de la semana.<\/p>\r\n<p>Entre versiones alfa puede haber cambios significativos en el comportamiento o en la API. Recuerde que las versiones alfa no son para aplicaciones de cara al usuario o de producci\u00f3n.<\/p>\r\n\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQu\u00e9 es ReactJs? ReactJS es una librer\u00eda front-end basada en componentes, gratuita y de c\u00f3digo abierto, responsable \u00fanicamente de la capa de vista de la aplicaci\u00f3n. Esta biblioteca JavaScript sirve para construir interfaces de usuario basadas en componentes de interfaz de usuario. Facebook se encarga de su mantenimiento. React ha proporcionado facilidad desde su lanzamiento. [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":6721,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[220],"tags":[],"class_list":["post-7246","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technical-guides-es"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.6 (Yoast SEO v27.1.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Caracter\u00edsticas de React 18 - \u00bfQu\u00e9 hay de nuevo? - Unimedia Technology<\/title>\n<meta name=\"description\" content=\"Este art\u00edculo arroja luz sobre las pr\u00f3ximas caracter\u00edsticas que estar\u00e1n disponibles en React-18\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.unimedia.tech\/es\/caracteristicas-de-react-18\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Caracter\u00edsticas de React 18 - \u00bfQu\u00e9 hay de nuevo?\" \/>\n<meta property=\"og:description\" content=\"Este art\u00edculo arroja luz sobre las pr\u00f3ximas caracter\u00edsticas que estar\u00e1n disponibles en React-18\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.unimedia.tech\/es\/caracteristicas-de-react-18\/\" \/>\n<meta property=\"og:site_name\" content=\"Unimedia Technology\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.linkedin.com\/company\/unimedia-technology\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-06T07:28:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-09T09:17:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/react18-e1646738995593-4.png\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Unimedia\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@UnimediaCTO\" \/>\n<meta name=\"twitter:site\" content=\"@UnimediaCTO\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Unimedia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Caracter\u00edsticas de React 18 - \u00bfQu\u00e9 hay de nuevo? - Unimedia Technology","description":"Este art\u00edculo arroja luz sobre las pr\u00f3ximas caracter\u00edsticas que estar\u00e1n disponibles en React-18","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:\/\/www.unimedia.tech\/es\/caracteristicas-de-react-18\/","og_locale":"es_ES","og_type":"article","og_title":"Caracter\u00edsticas de React 18 - \u00bfQu\u00e9 hay de nuevo?","og_description":"Este art\u00edculo arroja luz sobre las pr\u00f3ximas caracter\u00edsticas que estar\u00e1n disponibles en React-18","og_url":"https:\/\/www.unimedia.tech\/es\/caracteristicas-de-react-18\/","og_site_name":"Unimedia Technology","article_publisher":"https:\/\/www.linkedin.com\/company\/unimedia-technology\/","article_published_time":"2022-03-06T07:28:05+00:00","article_modified_time":"2024-01-09T09:17:39+00:00","og_image":[{"width":700,"height":400,"url":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/react18-e1646738995593-4.png","type":"image\/png"}],"author":"Unimedia","twitter_card":"summary_large_image","twitter_creator":"@UnimediaCTO","twitter_site":"@UnimediaCTO","twitter_misc":{"Escrito por":"Unimedia","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.unimedia.tech\/es\/caracteristicas-de-react-18\/#article","isPartOf":{"@id":"https:\/\/www.unimedia.tech\/es\/caracteristicas-de-react-18\/"},"author":{"name":"Unimedia","@id":"https:\/\/www.unimedia.tech\/es\/#\/schema\/person\/3a250aa22526d5c9ff6bc95bb380a5dd"},"headline":"Caracter\u00edsticas de React 18 &#8211; \u00bfQu\u00e9 hay de nuevo?","datePublished":"2022-03-06T07:28:05+00:00","dateModified":"2024-01-09T09:17:39+00:00","mainEntityOfPage":{"@id":"https:\/\/www.unimedia.tech\/es\/caracteristicas-de-react-18\/"},"wordCount":1310,"publisher":{"@id":"https:\/\/www.unimedia.tech\/es\/#organization"},"image":{"@id":"https:\/\/www.unimedia.tech\/es\/caracteristicas-de-react-18\/#primaryimage"},"thumbnailUrl":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/react18-e1646738995593-4.png","articleSection":["Technical Guides"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/www.unimedia.tech\/es\/caracteristicas-de-react-18\/","url":"https:\/\/www.unimedia.tech\/es\/caracteristicas-de-react-18\/","name":"Caracter\u00edsticas de React 18 - \u00bfQu\u00e9 hay de nuevo? - Unimedia Technology","isPartOf":{"@id":"https:\/\/www.unimedia.tech\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.unimedia.tech\/es\/caracteristicas-de-react-18\/#primaryimage"},"image":{"@id":"https:\/\/www.unimedia.tech\/es\/caracteristicas-de-react-18\/#primaryimage"},"thumbnailUrl":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/react18-e1646738995593-4.png","datePublished":"2022-03-06T07:28:05+00:00","dateModified":"2024-01-09T09:17:39+00:00","description":"Este art\u00edculo arroja luz sobre las pr\u00f3ximas caracter\u00edsticas que estar\u00e1n disponibles en React-18","breadcrumb":{"@id":"https:\/\/www.unimedia.tech\/es\/caracteristicas-de-react-18\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.unimedia.tech\/es\/caracteristicas-de-react-18\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.unimedia.tech\/es\/caracteristicas-de-react-18\/#primaryimage","url":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/react18-e1646738995593-4.png","contentUrl":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/react18-e1646738995593-4.png","width":700,"height":400,"caption":"React 18"},{"@type":"BreadcrumbList","@id":"https:\/\/www.unimedia.tech\/es\/caracteristicas-de-react-18\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.unimedia.tech\/es\/"},{"@type":"ListItem","position":2,"name":"Caracter\u00edsticas de React 18 &#8211; \u00bfQu\u00e9 hay de nuevo?"}]},{"@type":"WebSite","@id":"https:\/\/www.unimedia.tech\/es\/#website","url":"https:\/\/www.unimedia.tech\/es\/","name":"Unimedia Technology","description":"Your software development partner","publisher":{"@id":"https:\/\/www.unimedia.tech\/es\/#organization"},"alternateName":"Unimedia Tech","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.unimedia.tech\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.unimedia.tech\/es\/#organization","name":"Unimedia Technology","alternateName":"Unimedia Tech","url":"https:\/\/www.unimedia.tech\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.unimedia.tech\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/cloud_border-3.png","contentUrl":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/cloud_border-3.png","width":403,"height":309,"caption":"Unimedia Technology"},"image":{"@id":"https:\/\/www.unimedia.tech\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/unimedia-technology\/","https:\/\/x.com\/UnimediaCTO","https:\/\/www.instagram.com\/unimedia.technology\/"]},{"@type":"Person","@id":"https:\/\/www.unimedia.tech\/es\/#\/schema\/person\/3a250aa22526d5c9ff6bc95bb380a5dd","name":"Unimedia","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.unimedia.tech\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5901fd1c4628e2b48ffd4e47324e8fe0751b39e556a167f078471d4c4bec0f6f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5901fd1c4628e2b48ffd4e47324e8fe0751b39e556a167f078471d4c4bec0f6f?s=96&d=mm&r=g","caption":"Unimedia"}}]}},"_links":{"self":[{"href":"https:\/\/www.unimedia.tech\/es\/wp-json\/wp\/v2\/posts\/7246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.unimedia.tech\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.unimedia.tech\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.unimedia.tech\/es\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.unimedia.tech\/es\/wp-json\/wp\/v2\/comments?post=7246"}],"version-history":[{"count":0,"href":"https:\/\/www.unimedia.tech\/es\/wp-json\/wp\/v2\/posts\/7246\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.unimedia.tech\/es\/wp-json\/wp\/v2\/media\/6721"}],"wp:attachment":[{"href":"https:\/\/www.unimedia.tech\/es\/wp-json\/wp\/v2\/media?parent=7246"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.unimedia.tech\/es\/wp-json\/wp\/v2\/categories?post=7246"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.unimedia.tech\/es\/wp-json\/wp\/v2\/tags?post=7246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}