{"id":7175,"date":"2020-10-19T10:42:24","date_gmt":"2020-10-19T08:42:24","guid":{"rendered":"http:\/\/www.unimedia.tech.mialias.net\/angular-vs-react\/"},"modified":"2024-01-16T17:13:20","modified_gmt":"2024-01-16T16:13:20","slug":"angular-vs-react","status":"publish","type":"post","link":"https:\/\/www.unimedia.tech\/ca\/angular-vs-react\/","title":{"rendered":"Angular versus React"},"content":{"rendered":"&#13;\n<p>Benvingut a la s\u00e8rie de publicacions t\u00e8cniques d&#8217;Unimedia. Aquesta vegada hem fet una comparaci\u00f3 entre Angular i React per als nostres lectors.<\/p>&#13;\n&#13;\n<h2 class=\"wp-block-heading\">Qu\u00e8 \u00e9s Angular?<\/h2>&#13;\n&#13;\n<p>Angular \u00e9s un <strong><em>marc<\/em><\/strong> de disseny d&#8217;aplicacions i una plataforma <a href=\"https:\/\/www.unimedia.tech\/software-development\/\">de desenvolupament<\/a> per <a href=\"https:\/\/www.unimedia.tech\/dedicated-development-teams\/\">crear<\/a> aplicacions eficients i sofisticades d&#8217;una sola p\u00e0gina.<\/p>&#13;\n&#13;\n<p>Angular \u00e9s utilitzat per grans com Google, Upwork, Nike, Sony, General Motors, Forbes, etc.<\/p>&#13;\n&#13;\n<p>Lloc del producte aqu\u00ed: <a href=\"https:\/\/angular.io\/\">https:\/\/angular.io\/<\/a><\/p>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<h2 class=\"wp-block-heading\">Qu\u00e8 \u00e9s React?<\/h2>&#13;\n&#13;\n<p>Una <strong><em>biblioteca<\/em><\/strong> de JavaScript per crear interf\u00edcies d&#8217;usuari.<\/p>&#13;\n&#13;\n<p>React \u00e9s utilitzat per grans com Facebook, Instagram, Whatsapp, Uber, Netflix, Airbnb, Netflix, etc.<\/p>&#13;\n&#13;\n<p>Lloc del producte aqu\u00ed: <a href=\"https:\/\/es.reactjs.org\/\">https:\/\/es.reactjs.org\/<\/a><\/p>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n\r\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">&#13;\n<h4 class=\"has-text-align-center wp-block-heading\">Biblioteca<\/h4>&#13;\n\r\n\r\n&#13;\n<figure class=\"wp-block-table\">&#13;\n<table>&#13;\n<tbody>&#13;\n<tr>&#13;\n<td>Una biblioteca \u00e9s una col\u00b7lecci\u00f3 de codis que utilitzareu amb freq\u00fc\u00e8ncia. Podeu trucar directament al codi si el necessiteu.<br\/><br\/><\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td>En poques paraules, si tu fas la crida, \u00e9s una &#8220;Biblioteca&#8221;.<\/td>&#13;\n<\/tr>&#13;\n<\/tbody>&#13;\n<\/table>&#13;\n<\/figure>&#13;\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">&#13;\n<h4 class=\"has-text-align-center wp-block-heading\">Marc<\/h4>&#13;\n\r\n\r\n&#13;\n<figure class=\"wp-block-table\">&#13;\n<table>&#13;\n<tbody>&#13;\n<tr>&#13;\n<td>Un marc defineix com s&#8217;estructurar\u00e0 la vostra aplicaci\u00f3, decideix quan trucar al codi i pot incloure biblioteques, que s&#8217;utilitzaran si cal<\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td>En poques paraules, si et crida, \u00e9s un &#8220;Marc&#8221;.<\/td>&#13;\n<\/tr>&#13;\n<\/tbody>&#13;\n<\/table>&#13;\n<\/figure>&#13;\n\r\n\r\n&#13;\n<p>\u00a0<\/p>&#13;\n<\/div>\r\n<\/div>\r\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<h2 class=\"wp-block-heading\">Caracter\u00edstiques b\u00e0siques:<\/h2>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n\r\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">&#13;\n<h4 class=\"has-text-align-center wp-block-heading\">Caracter\u00edstiques<\/h4>&#13;\n\r\n\r\n&#13;\n<figure class=\"wp-block-table is-style-regular\">&#13;\n<table>&#13;\n<tbody>&#13;\n<tr>&#13;\n<td>Manipulaci\u00f3 d&#8217;IU \/ DOM<\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td>Gesti\u00f3 de l&#8217;Estat<\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td>Routing<\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td>Validaci\u00f3 i gesti\u00f3 de formularis<\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td>Client HTTP<\/td>&#13;\n<\/tr>&#13;\n<\/tbody>&#13;\n<\/table>&#13;\n<\/figure>&#13;\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">&#13;\n<h4 class=\"has-text-align-center wp-block-heading\">Angular<\/h4>&#13;\n\r\n\r\n&#13;\n<figure class=\"wp-block-table\">&#13;\n<table>&#13;\n<tbody>&#13;\n<tr>&#13;\n<td class=\"has-text-align-center\" data-align=\"center\"><img decoding=\"async\" style=\"width: 17px;\" src=\"https:\/\/www.flaticon.com\/svg\/static\/icons\/svg\/3388\/3388602.svg\" alt=\"Icona sense correcci&#xF3;\"\/><\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td class=\"has-text-align-center\" data-align=\"center\"><img decoding=\"async\" style=\"width: 17px;\" src=\"https:\/\/www.flaticon.com\/svg\/static\/icons\/svg\/3388\/3388602.svg\" alt=\"Icona sense correcci&#xF3;\"\/><\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td class=\"has-text-align-center\" data-align=\"center\"><img decoding=\"async\" style=\"width: 17px;\" src=\"https:\/\/www.flaticon.com\/svg\/static\/icons\/svg\/3388\/3388602.svg\" alt=\"Icona sense correcci&#xF3;\"\/><\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td class=\"has-text-align-center\" data-align=\"center\"><img decoding=\"async\" style=\"width: 17px;\" src=\"https:\/\/www.flaticon.com\/svg\/static\/icons\/svg\/3388\/3388602.svg\" alt=\"Icona sense correcci&#xF3;\"\/><\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td class=\"has-text-align-center\" data-align=\"center\"><img decoding=\"async\" style=\"width: 17px;\" src=\"https:\/\/www.flaticon.com\/svg\/static\/icons\/svg\/3388\/3388602.svg\" alt=\"Icona sense correcci&#xF3;\"\/><\/td>&#13;\n<\/tr>&#13;\n<\/tbody>&#13;\n<\/table>&#13;\n<\/figure>&#13;\n\r\n\r\n&#13;\n<p>\u00a0<\/p>&#13;\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">&#13;\n<h4 class=\"has-text-align-center wp-block-heading\">React<\/h4>&#13;\n\r\n\r\n&#13;\n<figure class=\"wp-block-table\">&#13;\n<table>&#13;\n<tbody>&#13;\n<tr>&#13;\n<td class=\"has-text-align-center\" data-align=\"center\"><img decoding=\"async\" style=\"width: 17px;\" src=\"https:\/\/www.flaticon.com\/svg\/static\/icons\/svg\/3388\/3388602.svg\" alt=\"Icona sense correcci&#xF3;\"\/><\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td class=\"has-text-align-center\" data-align=\"center\"><img decoding=\"async\" style=\"width: 17px;\" src=\"https:\/\/www.flaticon.com\/svg\/static\/icons\/svg\/3388\/3388506.svg\" alt=\"Icona sense correcci&#xF3;\"\/><\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td class=\"has-text-align-center\" data-align=\"center\"><img decoding=\"async\" style=\"width: 16px;\" src=\"https:\/\/www.flaticon.com\/svg\/static\/icons\/svg\/1277\/1277612.svg\" alt=\"Icona gratu&#xEF;ta incorrecta\"\/><\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td class=\"has-text-align-center\" data-align=\"center\"><img decoding=\"async\" style=\"width: 16px;\" src=\"https:\/\/www.flaticon.com\/svg\/static\/icons\/svg\/1277\/1277612.svg\" alt=\"Icona gratu&#xEF;ta incorrecta\"\/><\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td class=\"has-text-align-center\" data-align=\"center\"><img decoding=\"async\" style=\"width: 16px;\" src=\"https:\/\/www.flaticon.com\/svg\/static\/icons\/svg\/1277\/1277612.svg\" alt=\"Icona gratu&#xEF;ta incorrecta\"\/><\/td>&#13;\n<\/tr>&#13;\n<\/tbody>&#13;\n<\/table>&#13;\n<\/figure>&#13;\n\r\n\r\n&#13;\n<p>\u00a0<\/p>&#13;\n<\/div>\r\n<\/div>\r\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">Enlla\u00e7 de dades:<\/h3>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\">&#13;\n<p><em>L&#8217;enlla\u00e7 de dades \u00e9s una t\u00e8cnica que uneix les fonts de dades del prove\u00efdor i del consumidor i les sincronitza.<\/em><\/p>&#13;\n<p>\u00a0<\/p>&#13;\n<\/blockquote>&#13;\n\r\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">&#13;\n<h4 class=\"has-text-align-center wp-block-heading\">Unidireccional<\/h4>&#13;\n\r\n\r\n&#13;\n<figure class=\"wp-block-table\">&#13;\n<table>&#13;\n<tbody>&#13;\n<tr>&#13;\n<td>Qualsevol canvi en la l\u00f2gica (dades) del component es reflecteix dins de la IU (visualitzaci\u00f3).<\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td>Qualsevol canvi a la interf\u00edcie d&#8217;usuari (vista) es reflecteix dins de la l\u00f2gica (model) del component.<\/td>&#13;\n<\/tr>&#13;\n<\/tbody>&#13;\n<\/table>&#13;\n<figcaption>React utilitza <strong>l&#8217;enlla\u00e7 unidireccional<\/strong><\/figcaption>&#13;\n<\/figure>&#13;\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">&#13;\n<h4 class=\"has-text-align-center wp-block-heading\">Bidireccional<\/h4>&#13;\n\r\n\r\n&#13;\n<figure class=\"wp-block-table\">&#13;\n<table>&#13;\n<tbody>&#13;\n<tr>&#13;\n<td>El canvi en la vista es reflecteix en la l\u00f2gica del component.<\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td>El canvi en la l\u00f2gica del component es reflecteix a la vista.<\/td>&#13;\n<\/tr>&#13;\n<\/tbody>&#13;\n<\/table>&#13;\n<figcaption>Angular utilitza <strong>enquadernaci\u00f3 unidireccional i bidireccional<\/strong><\/figcaption>&#13;\n<\/figure>&#13;\n\r\n\r\n&#13;\n<p>\u00a0<\/p>&#13;\n<\/div>\r\n<\/div>\r\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">Manipulaci\u00f3 DOM:<\/h3>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<p>DOM significa &#8220;Model d&#8217;objectes de document&#8221;.<\/p>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/pic_htmltree.gif\" alt=\"JavaScript HTML DOM\"\/><\/figure>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n\r\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">&#13;\n<h4 class=\"has-text-align-center wp-block-heading\">DOM incremental<\/h4>&#13;\n\r\n\r\n&#13;\n<figure class=\"wp-block-table\">&#13;\n<table>&#13;\n<tbody>&#13;\n<tr>&#13;\n<td><strong>El DOM incremental<\/strong> t\u00e9 un DOM virtual i camina per l&#8217;arbre per trobar canvis i despr\u00e9s muta el DOM virtual i despr\u00e9s aplica aquests canvis al DOM real.<\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td>Aquest enfocament no crea un nou DOM virtual per determinar els canvis.<\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td>No necessita una empremta tan gran, ja que la mem\u00f2ria nom\u00e9s s&#8217;assigna per als canvis.  <br\/><br\/><\/td>&#13;\n<\/tr>&#13;\n<\/tbody>&#13;\n<\/table>&#13;\n<figcaption>Angular utilitza <strong>incremental-dom (heura)<\/strong><\/figcaption>&#13;\n<\/figure>&#13;\n\r\n\r\n&#13;\n<p>\u00a0<\/p>&#13;\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">&#13;\n<h4 class=\"has-text-align-center wp-block-heading\">DOM virtual<\/h4>&#13;\n\r\n\r\n&#13;\n<figure class=\"wp-block-table\">&#13;\n<table>&#13;\n<tbody>&#13;\n<tr>&#13;\n<td><strong>El DOM virtual<\/strong> compara (difereix) un DOM virtual complet nou amb el DOM virtual anterior per als canvis, i despr\u00e9s aplica aquests canvis al DOM real.<\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td>Aquest enfocament crea un nou DOM virtual per determinar els canvis.<\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td>T\u00e9 una gran empremta de mem\u00f2ria perqu\u00e8 necessita espai per als canvis que &#8220;podrien&#8221; passar al DOM virtual.<br\/><br\/><\/td>&#13;\n<\/tr>&#13;\n<\/tbody>&#13;\n<\/table>&#13;\n<figcaption>React utilitza <strong>virtual-dom<\/strong><\/figcaption>&#13;\n<\/figure>&#13;\n\r\n\r\n&#13;\n<p>\u00a0<\/p>&#13;\n<\/div>\r\n<\/div>\r\n&#13;\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\">&#13;\n<p>Les proves han demostrat que el DOM incremental \u00e9s prou r\u00e0pid per funcionar fins i tot sense un DOM virtual.<\/p>&#13;\n<\/blockquote>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">Corba d&#8217;aprenentatge:<\/h3>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n\r\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">&#13;\n<h4 class=\"has-text-align-center wp-block-heading\">Angular<\/h4>&#13;\n\r\n\r\n&#13;\n<figure class=\"wp-block-table\">&#13;\n<table>&#13;\n<tbody>&#13;\n<tr>&#13;\n<td><strong>Angular<\/strong> t\u00e9 una corba d&#8217;aprenentatge m\u00e9s pronunciada en comparaci\u00f3.<\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td>Els programadors que provenen de llenguatges OOP tradicionals escrits de manera est\u00e0tica com C++, C# o Java poden tenir m\u00e9s diversi\u00f3 treballant amb Angular, perqu\u00e8 TypeScript t\u00e9 una sintaxi similar a aquests llenguatges.<br\/><br\/><\/td>&#13;\n<\/tr>&#13;\n<\/tbody>&#13;\n<\/table>&#13;\n<\/figure>&#13;\n\r\n\r\n&#13;\n<p>\u00a0<\/p>&#13;\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">&#13;\n<h4 class=\"has-text-align-center wp-block-heading\">React<\/h4>&#13;\n\r\n\r\n&#13;\n<figure class=\"wp-block-table\">&#13;\n<table>&#13;\n<tbody>&#13;\n<tr>&#13;\n<td><strong>React<\/strong> \u00e9s una mica m\u00e9s f\u00e0cil d&#8217;aprendre comparativament.<\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td>Malgrat que a React, cal aprendre molts paquets de tercers per construir una aplicaci\u00f3 complexa (que potser us sembla avorrit) i que la documentaci\u00f3 \u00e9s molt m\u00e9s curta, t\u00e9 una gran qualitat amb tones d&#8217;exemples.<\/td>&#13;\n<\/tr>&#13;\n<\/tbody>&#13;\n<\/table>&#13;\n<\/figure>&#13;\n\r\n\r\n&#13;\n<p>\u00a0<\/p>&#13;\n<\/div>\r\n<\/div>\r\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<h3 class=\"wp-block-heading\">Popularitat:<\/h3>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<p>Mirem Angular vs React pel que fa a les estad\u00edstiques dels seus repositoris GitHub per veure quin d&#8217;aquests 2 \u00e9s popular al mercat.<\/p>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n\r\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">&#13;\n<h4 class=\"has-text-align-center wp-block-heading\">Estad\u00edstiques de Github.<\/h4>&#13;\n\r\n\r\n&#13;\n<figure class=\"wp-block-table is-style-regular\">&#13;\n<table>&#13;\n<tbody>&#13;\n<tr>&#13;\n<td>\ufe0f\u200d\ufe0f Vigilants<\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td>\u2b50 Estrelles<\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td>Forquilles<\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td>Col\u00b7laboradors<\/td>&#13;\n<\/tr>&#13;\n<\/tbody>&#13;\n<\/table>&#13;\n<\/figure>&#13;\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">&#13;\n<h4 class=\"has-text-align-center wp-block-heading\">Angular<\/h4>&#13;\n\r\n\r\n&#13;\n<figure class=\"wp-block-table\">&#13;\n<table>&#13;\n<tbody>&#13;\n<tr>&#13;\n<td class=\"has-text-align-center\" data-align=\"center\">3,2 k<\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td class=\"has-text-align-center\" data-align=\"center\">66,6 k<\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td class=\"has-text-align-center\" data-align=\"center\">17,7 k<\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td class=\"has-text-align-center\" data-align=\"center\">1236<\/td>&#13;\n<\/tr>&#13;\n<\/tbody>&#13;\n<\/table>&#13;\n<\/figure>&#13;\n\r\n\r\n&#13;\n<p>\u00a0<\/p>&#13;\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">&#13;\n<h4 class=\"has-text-align-center wp-block-heading\">React<\/h4>&#13;\n\r\n\r\n&#13;\n<figure class=\"wp-block-table\">&#13;\n<table>&#13;\n<tbody>&#13;\n<tr>&#13;\n<td class=\"has-text-align-center\" data-align=\"center\">6,7 k<\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td class=\"has-text-align-center\" data-align=\"center\">157k<\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td class=\"has-text-align-center\" data-align=\"center\">31k<\/td>&#13;\n<\/tr>&#13;\n<tr>&#13;\n<td class=\"has-text-align-center\" data-align=\"center\">1513<\/td>&#13;\n<\/tr>&#13;\n<\/tbody>&#13;\n<\/table>&#13;\n<\/figure>&#13;\n\r\n\r\n&#13;\n<p>\u00a0<\/p>&#13;\n<\/div>\r\n<\/div>\r\n&#13;\n<h3 class=\"wp-block-heading\">Tend\u00e8ncies:<\/h3>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<h4 class=\"wp-block-heading\">A continuaci\u00f3 es mostra una comparaci\u00f3 del nombre de desc\u00e0rregues de paquets al llarg del temps<\/h4>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<figure class=\"wp-block-image size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/image-3-1024x622-1.png\" alt=\"  classe=\" width=\"1024\" height=\"622\"\/><\/figure>&#13;\n&#13;\n<p>Font: npm <a href=\"https:\/\/www.npmtrends.com\/react-vs-@angular\/core\">trends<\/a><\/p>&#13;\n&#13;\n<h4 class=\"wp-block-heading\">Experi\u00e8ncia de l&#8217;enquestat:<\/h4>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n\r\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">&#13;\n<h4 class=\"has-text-align-center wp-block-heading\">Angular<\/h4>&#13;\n\r\n\r\n&#13;\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/image-1-1024x569-1.png\" alt=\"  classe=\"\/><\/figure>&#13;\n<\/div>\r\n<\/div>\r\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n\r\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">&#13;\n<h4 class=\"has-text-align-center wp-block-heading\">React<\/h4>&#13;\n\r\n\r\n&#13;\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/image-1024x556-1.png\" alt=\"  classe=\"\/><\/figure>&#13;\n\r\n\r\n&#13;\n<p>\u00a0<\/p>&#13;\n<\/div>\r\n<\/div>\r\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<h2 class=\"wp-block-heading\">Conclusi\u00f3:<\/h2>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<p>Aqu\u00ed a <a href=\"http:\/\/www.unimedia.tech\">Unimedia<\/a> , despr\u00e9s de crear MVP d&#8217;\u00e8xit per als clients que utilitzen els dos marcs, la nostra opini\u00f3 \u00e9s que,<\/p>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n&#13;\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\">&#13;\n<p>React \u00e9s el guanyador en popularitat, m\u00e9s adequat per a projectes petits i mitjans, Angular \u00e9s un marc m\u00e9s robust i ben dissenyat per a grans projectes.<\/p>&#13;\n<\/blockquote>&#13;\n&#13;\n<p>\u00a0<\/p>&#13;\n","protected":false},"excerpt":{"rendered":"<p>Aquesta publicaci\u00f3 fa una breu comparaci\u00f3 entre els 2 marcs de desenvolupament web m\u00e9s populars<\/p>\n","protected":false},"author":6,"featured_media":6535,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[196,218],"tags":[],"class_list":["post-7175","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-angular-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>Angular versus React - 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\/angular-vs-react\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Angular versus React\" \/>\n<meta property=\"og:description\" content=\"Aquesta publicaci\u00f3 fa una breu comparaci\u00f3 entre els 2 marcs de desenvolupament web m\u00e9s populars\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.unimedia.tech\/ca\/angular-vs-react\/\" \/>\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=\"2020-10-19T08:42:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-16T16:13:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/angular-vs-react-1-5.png\" \/>\n\t<meta property=\"og:image:width\" content=\"560\" \/>\n\t<meta property=\"og:image:height\" content=\"315\" \/>\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=\"3 minuts\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Angular versus React - 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\/angular-vs-react\/","og_locale":"ca_ES","og_type":"article","og_title":"Angular versus React","og_description":"Aquesta publicaci\u00f3 fa una breu comparaci\u00f3 entre els 2 marcs de desenvolupament web m\u00e9s populars","og_url":"https:\/\/www.unimedia.tech\/ca\/angular-vs-react\/","og_site_name":"Unimedia Technology","article_publisher":"https:\/\/www.linkedin.com\/company\/unimedia-technology\/","article_published_time":"2020-10-19T08:42:24+00:00","article_modified_time":"2024-01-16T16:13:20+00:00","og_image":[{"width":560,"height":315,"url":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/angular-vs-react-1-5.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":"3 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.unimedia.tech\/ca\/angular-vs-react\/#article","isPartOf":{"@id":"https:\/\/www.unimedia.tech\/ca\/angular-vs-react\/"},"author":{"name":"Unimedia","@id":"https:\/\/www.unimedia.tech\/ca\/#\/schema\/person\/3a250aa22526d5c9ff6bc95bb380a5dd"},"headline":"Angular versus React","datePublished":"2020-10-19T08:42:24+00:00","dateModified":"2024-01-16T16:13:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.unimedia.tech\/ca\/angular-vs-react\/"},"wordCount":683,"commentCount":0,"publisher":{"@id":"https:\/\/www.unimedia.tech\/ca\/#organization"},"image":{"@id":"https:\/\/www.unimedia.tech\/ca\/angular-vs-react\/#primaryimage"},"thumbnailUrl":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/angular-vs-react-1-5.png","articleSection":["Angular","Technical Guides"],"inLanguage":"ca","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.unimedia.tech\/ca\/angular-vs-react\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.unimedia.tech\/ca\/angular-vs-react\/","url":"https:\/\/www.unimedia.tech\/ca\/angular-vs-react\/","name":"Angular versus React - Unimedia Technology","isPartOf":{"@id":"https:\/\/www.unimedia.tech\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.unimedia.tech\/ca\/angular-vs-react\/#primaryimage"},"image":{"@id":"https:\/\/www.unimedia.tech\/ca\/angular-vs-react\/#primaryimage"},"thumbnailUrl":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/angular-vs-react-1-5.png","datePublished":"2020-10-19T08:42:24+00:00","dateModified":"2024-01-16T16:13:20+00:00","breadcrumb":{"@id":"https:\/\/www.unimedia.tech\/ca\/angular-vs-react\/#breadcrumb"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.unimedia.tech\/ca\/angular-vs-react\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/www.unimedia.tech\/ca\/angular-vs-react\/#primaryimage","url":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/angular-vs-react-1-5.png","contentUrl":"https:\/\/www.unimedia.tech\/wp-content\/uploads\/2023\/12\/angular-vs-react-1-5.png","width":560,"height":315},{"@type":"BreadcrumbList","@id":"https:\/\/www.unimedia.tech\/ca\/angular-vs-react\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.unimedia.tech\/ca\/"},{"@type":"ListItem","position":2,"name":"Angular versus React"}]},{"@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\/7175","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=7175"}],"version-history":[{"count":0,"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/posts\/7175\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/media\/6535"}],"wp:attachment":[{"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/media?parent=7175"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/categories?post=7175"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.unimedia.tech\/ca\/wp-json\/wp\/v2\/tags?post=7175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}