{"id":7171,"date":"2021-09-12T18:45:23","date_gmt":"2021-09-12T16:45:23","guid":{"rendered":"http:\/\/www.unimedia.tech.mialias.net\/a-quick-introduction-to-react-hooks\/"},"modified":"2024-01-09T19:44:08","modified_gmt":"2024-01-09T18:44:08","slug":"a-quick-introduction-to-react-hooks","status":"publish","type":"post","link":"https:\/\/www.unimedia.tech\/ca\/a-quick-introduction-to-react-hooks\/","title":{"rendered":"Una r\u00e0pida introducci\u00f3 a React Hooks"},"content":{"rendered":"\n<p>En aquest article, aprendrem breument qu\u00e8 s\u00f3n els ganxos React, els tipus de ganxos i tamb\u00e9 exemples b\u00e0sics d&#8217;\u00fas d&#8217;alguns d&#8217;aquests ganxos a la vostra <a href=\"https:\/\/www.unimedia.tech\/category\/technical-guides\/react-technical-guides\/\">aplicaci\u00f3 React<\/a> .<\/p>\n\n<p>Tamb\u00e9 us pot interessar: <a href=\"https:\/\/www.unimedia.tech\/2021\/08\/17\/stripe-checkout-integration-with-react\/\">&#8220;Integraci\u00f3 de Stripe Checkout amb React&#8221;<\/a><\/p>\n\n<p><\/p>\n\n<h2 class=\"wp-block-heading\">Qu\u00e8 s\u00f3n els React Hooks?<\/h2>\n\n<p>React Hooks s\u00f3n funcions integrades que us permeten utilitzar l&#8217;estat dins dels components de la funci\u00f3. Introdu\u00eft com a API especials a la versi\u00f3 de React 16.8 llan\u00e7ada el 2019, Hooks us permetr\u00e0 &#8220;enganxar&#8221; a les funcions de React, com ara els m\u00e8todes de cicle de vida. Una proesa que abans nom\u00e9s era possible utilitzant components de classe.  <\/p>\n\n<p>Els React Hooks s\u00f3n incre\u00efblement potents perqu\u00e8 permeten <a href=\"https:\/\/www.unimedia.tech\/software-development\/\">als desenvolupadors<\/a> de React transformar components funcionals sense estat de nom\u00e9s renderitzar interf\u00edcies d&#8217;usuari reutilitzables a ser capa\u00e7os de desar i mantenir l&#8217;estat i la l\u00f2gica. Abans d&#8217;aix\u00f2, <a href=\"https:\/\/www.unimedia.tech\/dedicated-development-teams\/\">als desenvolupadors<\/a> els costava reutilitzar la l\u00f2gica i compartir l&#8217;estat entre components de classe sense utilitzar abstraccions de reacci\u00f3 encara m\u00e9s complexes. React Hooks va permetre extreure la l\u00f2gica amb estat entre components.  <\/p>\n\n<p>En resum, aqu\u00ed teniu els avantatges que els desenvolupadors van obtenir amb la introducci\u00f3 de React Hooks.  <\/p>\n\n<ul class=\"wp-block-list\"><li>Estructura de codi m\u00e9s senzilla que elimina les paraules clau &#8221; <strong>aix\u00f2 i enlla\u00e7a&#8221;<\/strong> .<\/li><\/ul>\n\n<ul class=\"wp-block-list\"><li>M\u00e9s f\u00e0cil reutilitzar la l\u00f2gica i compartir l&#8217;estat sense tractar amb abstraccions complexes de React que s\u00f3n dif\u00edcils de provar i gestionar.<\/li><li>\u00c9s possible un flux de dades unidireccional de dalt a baix m\u00e9s prec\u00eds sense interrompre l&#8217;ordre dels components existents.  <\/li><li>Quan s&#8217;utilitza de manera \u00f2ptima, React Hooks us pot ajudar a eliminar la necessitat d&#8217;integrar una biblioteca de gesti\u00f3 estatal.<\/li><\/ul>\n\n<p><\/p>\n\n<h2 class=\"wp-block-heading\">Ganxos de reacci\u00f3 comuns<\/h2>\n\n<p>Hi ha diversos tipus de ganxos de reacci\u00f3 integrats. Fins i tot podeu crear els vostres propis ganxos personalitzats que continguin la vostra pr\u00f2pia l\u00f2gica funcional desitjada, que podeu reutilitzar en diferents components.  <\/p>\n\n<p><a href=\"https:\/\/reactjs.org\/blog\/2019\/02\/06\/react-v16.8.0.html\">El llan\u00e7ament de React 16.8<\/a> va incloure deu ganxos integrats classificats en dos: ganxos b\u00e0sics i ganxos addicionals. D&#8217;aquests ganxos, examinarem dos ganxos que s\u00f3n els m\u00e9s utilitzats: useState i useEffect.  <\/p>\n\n<h3 class=\"wp-block-heading\">UseState React Hook<\/h3>\n\n<p>El ganxo useState \u00e9s el ganxo React m\u00e9s popular. Us permet &#8220;utilitzar l&#8217;estat&#8221; en un component de funci\u00f3. Aix\u00f2 vol dir que podeu llegir, manipular i actualitzar l&#8217;estat mitjan\u00e7ant useState Hook.  <\/p>\n\n<p>A continuaci\u00f3 es mostra una interpretaci\u00f3 b\u00e0sica de useState Hook:<\/p>\n\n<pre class=\"wp-block-code\"><code>const &#91;state, setState] = useState(initialState);<\/code><\/pre>\n\n<p>Per exemple, la mostra anterior t\u00e9 un <em>estat<\/em> que inicialment \u00e9s el mateix valor que <em>initialState.<\/em> L&#8217; <em>estat inicial<\/em> pot prendre un n\u00famero, una cadena o fins i tot una matriu depenent del tipus de dades que es tingui a m\u00e0. <em>setState<\/em> \u00e9s una funci\u00f3 que s&#8217;utilitza per actualitzar el valor de l&#8217;estat. Per exemple, setState(estat actualitzat).  <\/p>\n\n<p>Utilitzem useState Hook en un component senzill i funcional.  <\/p>\n\n<pre class=\"wp-block-code\"><code>function Age() {\n const &#91;age, setAge] = useState(10);\n \n return (\n     &lt;div&gt;\n         &lt;p&gt;I am {age} Years Old&lt;\/p&gt;\n       &lt;div&gt;\n          &lt;button onClick={() =&gt; setAge(age + 1)}&gt;Increase my age!      &lt;\/button&gt;\n          &lt;button onClick={() =&gt; setAge(age - 1)}&gt;Decrease my age! &lt;\/button&gt;\n       &lt;\/div&gt;\n     &lt;\/div&gt;\n )\n}<\/code><\/pre>\n\n<p>Expliquem r\u00e0pidament com funciona el codi anterior:<\/p>\n\n<ul class=\"wp-block-list\"><li>Tenim la interpretaci\u00f3 b\u00e0sica del ganxo:<\/li><\/ul>\n\n<pre class=\"wp-block-code\"><code>    const &#91;age, setAge] = useState(10);<\/code><\/pre>\n\n<p><em>L&#8217;edat<\/em> t\u00e9 un estat inicial de 10 que llavors anomenem entre els&lt; p\u00e0g&gt; etiqueta.<\/p>\n\n<ul class=\"wp-block-list\"><li>Els botons tenen un controlador onClick que crida a la funci\u00f3 <em>setAge<\/em> , que augmentar\u00e0 o disminuir\u00e0 el nostre estat <em>d&#8217;edat<\/em> inicial en funci\u00f3 del bot\u00f3 en qu\u00e8 es faci clic.  <\/li><\/ul>\n\n<p><img decoding=\"async\" src=\"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/k-mbbwn48r5oW3kMBQ7ZDaiXg1JQJv1fZSUxVW6I3fUtvDNWkxAO6s3wSWl_ssJLcDe8kgH-ew-bR7nASc0a4yl6OV_XBXbA1r4DpaAQFttKgidwr7iy_LNn0-h-XQWdSUT83w0ls0.gif\" style=\"width: 1024px\"\/><\/p>\n\n<h3 class=\"wp-block-heading\">UseEffect React Hook<\/h3>\n\n<p>El ganxo useEffect accepta una funci\u00f3 que executa despr\u00e9s de cada renderitzaci\u00f3. S&#8217;utilitza habitualment per produir efectes secundaris. Aix\u00f2 pot anar des de manipular el DOM o les API del navegador o fins i tot obtenir dades d&#8217;API externes. El ganxo useEffect tamb\u00e9 ens ajuda a assolir capacitats en un component de funci\u00f3 fet anteriorment pels m\u00e8todes de cicle de vida de React. Penseu en l&#8217;useEffect Hook com la combinaci\u00f3 dels <a href=\"https:\/\/reactjs.org\/docs\/state-and-lifecycle.html#adding-lifecycle-methods-to-a-class\">m\u00e8todes de cicle de vida<\/a> <em>componentDidMount<\/em> , <em>componentDidUpdate<\/em> i <em>componentWillUnmount<\/em> . A m\u00e9s, tamb\u00e9 podem configurar el ganxo useEffect perqu\u00e8 es mostri en funci\u00f3 de canvis de valors espec\u00edfics.<\/p>\n\n<p>Aqu\u00ed teniu una interpretaci\u00f3 b\u00e0sica del ganxo useEffect.<\/p>\n\n<pre class=\"wp-block-code\"><code>useEffect(functionToRun);<\/code><\/pre>\n\n<p>Per exemple, utilitzem useEffect Hook de manera m\u00e9s elaborada utilitzant la mostra de component funcional anterior.<\/p>\n\n<pre class=\"wp-block-code\"><code>function Age() {\n const &#91;age, setAge] = useState(10);\n \n useEffect(() =&gt; {\n   setAge(20)\n },&#91;]);\n \n return (\n   &lt;div&gt;\n     &lt;p&gt;I am {age} Years Old&lt;\/p&gt;\n     &lt;div&gt;\n       &lt;button onClick={() =&gt; setAge(age + 1)}&gt;\n         Increase my age!\n       &lt;\/button&gt;\n       &lt;button onClick={() =&gt; setAge(age - 1)}&gt;\n         Decrease my age!\n       &lt;\/button&gt;\n     &lt;\/div&gt;\n   &lt;\/div&gt;\n );\n}<\/code><\/pre>\n\n<p>L&#8217;useEffect al renderitzar estableix el nou valor <em>d&#8217;edat<\/em> a 20. Tamb\u00e9 vam passar una matriu buida que permetr\u00e0 que el ganxo useEffect s&#8217;executi nom\u00e9s una vegada.<\/p>\n\n<p><img decoding=\"async\" src=\"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/NIyYbkV8J0wmyo4kzsQ_6j7rxSUwyI46i1l3xDgF8kIeafeVLxd2XN_7PMh41vpWa-u5Y1DbCuJTVUhHBWlfnrcBNn5SiQcNLO53JGfd-1soB_ZPGzQxqx1RK__uwa2WGXDvdil6s0.gif\" style=\"width: 1024px\"\/><\/p>\n\n<p>He col\u00b7locat un <em>console.log<\/em> a la pantalla de dalt. Podem veure com el valor de l&#8217;estat <em>d&#8217;edat<\/em> va canviar del 10 inicial al 20, causat pel ganxo useEffect. Aleshores veiem com canvia l&#8217;estat mentre fem clic al bot\u00f3.  <\/p>\n\n<p><\/p>\n\n<h3 class=\"wp-block-heading\">Altres ganxos de reacci\u00f3<\/h3>\n\n<p>Tamb\u00e9 hi ha altres ganxos com useContext(), useMemo(), entre d&#8217;altres. Podeu consultar la resta a la <a href=\"https:\/\/reactjs.org\/docs\/hooks-reference.html\">documentaci\u00f3 oficial<\/a> .<\/p>\n\n<p>Tanmateix, hi ha dues regles que haur\u00edeu de seguir quan feu servir React Hooks.  <\/p>\n\n<ul class=\"wp-block-list\"><li>Truqueu sempre els ganxos al nivell superior, tal com es mostra als exemples que hem utilitzat. Aix\u00f2 vol dir que no podem cridar ganxos dins de bucles, condicions o funcions imbricades.<\/li><li>Utilitzeu nom\u00e9s ganxos des dels components de la funci\u00f3 React.<\/li><\/ul>\n\n<p>Molts IDE de codi com VSCode tenen un linter integrat que fa complir aquestes regles i molt m\u00e9s.<\/p>\n\n<p><\/p>\n\n<h2 class=\"wp-block-heading\">Aplicaci\u00f3 d&#8217;usuaris<\/h2>\n\n<p>Finalment, creem una aplicaci\u00f3 m\u00e9s complexa amb tot el que hem apr\u00e8s sobre React, useState i useEffect Hooks.  <\/p>\n\n<p>Recollirem dades d&#8217;una <a href=\"https:\/\/jsonplaceholder.typicode.com\/\">API externa amb dades d&#8217;usuari falses<\/a> . Com hem apr\u00e8s, aquest \u00e9s un cas d&#8217;\u00fas perfecte per a useEffect Hook.<\/p>\n\n<pre class=\"wp-block-code\"><code>function Users(){\n const &#91;users, setUsers] = useState(&#91;]);\n useEffect(() =&gt; {\n       fetch(\"https:\/\/jsonplaceholder.typicode.com\/users\/\")\n           .then(res =&gt; res.json())\n           .then(data =&gt; setUsers(data))\n     }, &#91;])\n \n return (\n     &lt;ul&gt;\n         {users.map(user =&gt; (\n         &lt;li key={user.id}&gt;\n             {user.name}lives in {user.address.city}\n         &lt;\/li&gt;\n         ))}\n     &lt;\/ul&gt;\n );\n}<\/code><\/pre>\n\n<p>A la mostra anterior, podeu veure com hem utilitzat:<\/p>\n\n<ul class=\"wp-block-list\"><li>El ganxo useState per establir i actualitzar l&#8217;estat incl\u00f2s dins del ganxo useEffect.<\/li><li>El ganxo useEffect interactua amb l&#8217; <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Fetch_API\">API del navegador anomenada Fetch<\/a> , que ens permet extreure dades d&#8217;API externes. Tamb\u00e9 vam passar una matriu buida per assegurar-nos que s&#8217;executava una vegada.<\/li><\/ul>\n\n<figure class=\"wp-block-video\"><video controls=\"\" src=\"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2021\/09\/Users_Reactapp_with_Hooks.mp4\"><\/video><\/figure>\n\n<p>De nou, al v\u00eddeo anterior, he col\u00b7locat un <em>console.log<\/em> perqu\u00e8 pugueu veure com hem extret dades espec\u00edfiques per mostrar.  <\/p>\n\n<p><\/p>\n\n<h2 class=\"wp-block-heading\">Resum<\/h2>\n\n<p>Ens ho hem passat b\u00e9! Els ganxos React s\u00f3n realment potents quan s&#8217;utilitzen correctament. En conclusi\u00f3, vam aprendre qu\u00e8 s\u00f3n els React Hooks i els immensos beneficis que aporten als desenvolupadors. A m\u00e9s, tamb\u00e9 vam examinar breument els diferents tipus de ganxos i les normes que en guien l&#8217;\u00fas. Finalment, vam crear una aplicaci\u00f3 React senzilla que va demostrar com utilitzar els ganxos useState i useEffect.<\/p>\n\n<p>Si et sents aventurer i vols crear m\u00e9s aplicacions amb els ganxos de React, consulta el nostre article <a href=\"https:\/\/www.unimedia.tech\/2021\/08\/17\/stripe-checkout-integration-with-react\/\">sobre la integraci\u00f3 de Stripe Checkout amb React<\/a> .<\/p>\n\n<p><\/p>\n\n<h2 class=\"wp-block-heading\">Unimedia Technology<\/h2>\n\n<p>Aqu\u00ed a <a href=\"https:\/\/www.unimedia.tech\/\">Unimedia Technology<\/a> tenim un equip de <strong>desenvolupadors de React<\/strong> que us poden ajudar a desenvolupar les vostres aplicacions de reacci\u00f3 m\u00e9s complexes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Els React Hooks s\u00f3n funcions de React incorporades que permeten als desenvolupadors gestionar l&#8217;estat i realitzar accions l\u00f2giques en un component de funci\u00f3 React.<\/p>\n","protected":false},"author":6,"featured_media":6660,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[213,218],"tags":[],"class_list":["post-7171","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-react-technical-guides-ca","category-technical-guides-ca"],"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>Una r\u00e0pida introducci\u00f3 a React Hooks - Unimedia Technology<\/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:\/\/www.unimedia.tech\/ca\/a-quick-introduction-to-react-hooks\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Una r\u00e0pida introducci\u00f3 a React Hooks\" \/>\n<meta property=\"og:description\" content=\"Els React Hooks s\u00f3n funcions de React incorporades que permeten als desenvolupadors gestionar l&#039;estat i realitzar accions l\u00f2giques en un component de funci\u00f3 React.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.unimedia.tech\/ca\/a-quick-introduction-to-react-hooks\/\" \/>\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=\"2021-09-12T16:45:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-09T18:44:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/4-1-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=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"Unimedia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minuts\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Una r\u00e0pida introducci\u00f3 a React Hooks - Unimedia Technology","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\/ca\/a-quick-introduction-to-react-hooks\/","og_locale":"ca_ES","og_type":"article","og_title":"Una r\u00e0pida introducci\u00f3 a React Hooks","og_description":"Els React Hooks s\u00f3n funcions de React incorporades que permeten als desenvolupadors gestionar l'estat i realitzar accions l\u00f2giques en un component de funci\u00f3 React.","og_url":"https:\/\/www.unimedia.tech\/ca\/a-quick-introduction-to-react-hooks\/","og_site_name":"Unimedia Technology","article_publisher":"https:\/\/www.linkedin.com\/company\/unimedia-technology\/","article_published_time":"2021-09-12T16:45:23+00:00","article_modified_time":"2024-01-09T18:44:08+00:00","og_image":[{"width":700,"height":400,"url":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/4-1-4.png","type":"image\/png"}],"author":"Unimedia","twitter_card":"summary_large_image","twitter_creator":"@UnimediaCTO","twitter_site":"@UnimediaCTO","twitter_misc":{"Escrit per":"Unimedia","Temps estimat de lectura":"6 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.unimedia.tech\/ca\/a-quick-introduction-to-react-hooks\/#article","isPartOf":{"@id":"https:\/\/www.unimedia.tech\/ca\/a-quick-introduction-to-react-hooks\/"},"author":{"name":"Unimedia","@id":"https:\/\/www.unimedia.tech\/ca\/#\/schema\/person\/3a250aa22526d5c9ff6bc95bb380a5dd"},"headline":"Una r\u00e0pida introducci\u00f3 a React Hooks","datePublished":"2021-09-12T16:45:23+00:00","dateModified":"2024-01-09T18:44:08+00:00","mainEntityOfPage":{"@id":"https:\/\/www.unimedia.tech\/ca\/a-quick-introduction-to-react-hooks\/"},"wordCount":1117,"commentCount":0,"publisher":{"@id":"https:\/\/www.unimedia.tech\/ca\/#organization"},"image":{"@id":"https:\/\/www.unimedia.tech\/ca\/a-quick-introduction-to-react-hooks\/#primaryimage"},"thumbnailUrl":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/4-1-4.png","articleSection":["React","Technical Guides"],"inLanguage":"ca","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.unimedia.tech\/ca\/a-quick-introduction-to-react-hooks\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.unimedia.tech\/ca\/a-quick-introduction-to-react-hooks\/","url":"https:\/\/www.unimedia.tech\/ca\/a-quick-introduction-to-react-hooks\/","name":"Una r\u00e0pida introducci\u00f3 a React Hooks - Unimedia Technology","isPartOf":{"@id":"https:\/\/www.unimedia.tech\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.unimedia.tech\/ca\/a-quick-introduction-to-react-hooks\/#primaryimage"},"image":{"@id":"https:\/\/www.unimedia.tech\/ca\/a-quick-introduction-to-react-hooks\/#primaryimage"},"thumbnailUrl":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/4-1-4.png","datePublished":"2021-09-12T16:45:23+00:00","dateModified":"2024-01-09T18:44:08+00:00","breadcrumb":{"@id":"https:\/\/www.unimedia.tech\/ca\/a-quick-introduction-to-react-hooks\/#breadcrumb"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.unimedia.tech\/ca\/a-quick-introduction-to-react-hooks\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/www.unimedia.tech\/ca\/a-quick-introduction-to-react-hooks\/#primaryimage","url":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/4-1-4.png","contentUrl":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/4-1-4.png","width":700,"height":400,"caption":"react unimedia"},{"@type":"BreadcrumbList","@id":"https:\/\/www.unimedia.tech\/ca\/a-quick-introduction-to-react-hooks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.unimedia.tech\/ca\/"},{"@type":"ListItem","position":2,"name":"Una r\u00e0pida introducci\u00f3 a React Hooks"}]},{"@type":"WebSite","@id":"https:\/\/www.unimedia.tech\/ca\/#website","url":"https:\/\/www.unimedia.tech\/ca\/","name":"Unimedia Technology","description":"Your software development partner","publisher":{"@id":"https:\/\/www.unimedia.tech\/ca\/#organization"},"alternateName":"Unimedia Tech","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.unimedia.tech\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Organization","@id":"https:\/\/www.unimedia.tech\/ca\/#organization","name":"Unimedia Technology","alternateName":"Unimedia Tech","url":"https:\/\/www.unimedia.tech\/ca\/","logo":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/www.unimedia.tech\/ca\/#\/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\/ca\/#\/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\/ca\/#\/schema\/person\/3a250aa22526d5c9ff6bc95bb380a5dd","name":"Unimedia","image":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/www.unimedia.tech\/ca\/#\/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\/ca\/wp-json\/wp\/v2\/posts\/7171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/comments?post=7171"}],"version-history":[{"count":0,"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/posts\/7171\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/media\/6660"}],"wp:attachment":[{"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/media?parent=7171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/categories?post=7171"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/tags?post=7171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}