{"id":25333,"date":"2021-01-07T18:58:52","date_gmt":"2021-01-07T17:58:52","guid":{"rendered":"https:\/\/www.multimediaweb.eu\/web-agency\/react-e-i-server-components\/"},"modified":"2021-01-07T18:58:55","modified_gmt":"2021-01-07T17:58:55","slug":"react-e-i-server-components","status":"publish","type":"post","link":"https:\/\/www.multimediaweb.eu\/web-agency\/react-e-i-server-components\/","title":{"rendered":"React e i Server Components"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<div>\n<p>Nel quale si parla a fine di framework  ci\u00f2 aumento a fine di applicazioni web moderne, una delle opzioni pi\u00f9 in l\u00e0 diffuse e apprezzate \u00e8 <a href=\"https:\/\/www.html.it\/guide\/react-la-guida\/\">React<\/a>. In ultimo, il team a fine di aumento ha mostrato sopra anteprima i <strong>Server Components<\/strong>, <a href=\"https:\/\/www.html.it\/pag\/55496\/react-stato-e-proprieta-dei-componenti\/\">componenti<\/a> le quali permettono agli sviluppatori a fine di comunicare raccolta di leggi le quali sar\u00e0  compiuto sul server, accelerando a fine di contraccolpo l\u2019ingresso ai dati e riducendo la dose a fine di raccolta di leggi le quali dovr\u00e0 aver luogo scaricato dal browser.<\/p>\n<p>L\u2019 a fine di questo approccio, sopra determinati contesti, dovrebbe aggiustare pi\u00f9 tardi le prova fianco client. Tuttavia a questo dare dei punti sorge una istanza: qual \u00e8 la impareggiabile azione? Dovremmo raccogliere sopra foggia le quali le applicazioni eseguano <strong>la maggior rata del raccolta di leggi sul client,  sul server?<\/strong><\/p>\n<h2>Client ovvero server?<\/h2>\n<p>\u00c8 una istanza a cui n\u00e9 \u00e8 trattabile offrire una sentenza precisa, ed \u00e8 a sufficienza credibile considerare le quali la opzione dipender\u00e0 fino dal foggia sopra cui la tecnologia si evolver\u00e0 nel aria. D\u2019altronde \u00e8 niente affatto questo le quali abbiamo approvazione essere nel aria: le prime applicazioni web venivano eseguite specialmente sul server, eppure le nuove connessioni pi\u00f9 in l\u00e0 veloci, le antenati pericolo offerte presso <a href=\"https:\/\/www.html.it\/guide\/guida-javascript-di-base\/\">JavaScript<\/a> ed <a href=\"https:\/\/www.html.it\/guide\/guida-html5\/\">HTML5<\/a>, e il intatto hardware accessibile hanno squilibrato l\u2019asticella della pesapersone pi\u00f9 in l\u00e0 ticchio il client.<\/p>\n<p>L\u2019avvento a fine di <a href=\"https:\/\/www.html.it\/articoli\/angular-react-vue-framework-javascript-a-confronto\/\">framework<\/a> appena che React compagno, eppure fino <a href=\"https:\/\/www.html.it\/guide\/guida-angularjs\/\">Angular<\/a> ovvero <a href=\"https:\/\/www.html.it\/guide\/vue-js-la-guida\/\">Vue<\/a>, hanno  reso pi\u00f9 in l\u00e0 semplicione la delimitazione a fine di applicazioni web, a   a fine di un <a href=\"https:\/\/www.html.it\/guide\/guida-html\/\">HTML<\/a> pi\u00f9 in l\u00e0 particolareggiato e la minoranza attraente.<\/p>\n<p>L\u2019supremo trend \u00e8 invece di  dei <strong>siti web statici<\/strong>, le quali utilizzano JavaScript  investigare una concatenazione a fine di <a href=\"https:\/\/www.html.it\/19\/12\/2018\/microservice-e-gestione-pratica-della-complessita\/\">microservizi<\/a>, caricando a fine di  sopra  i contenuti dinamici. Ci\u00f2 ha portato al essere fiorente a fine di molti generatori a fine di siti a fine di questo quintessenza, quali <strong>Gatsby<\/strong>, <strong>Hugo<\/strong> e <strong>Next.js<\/strong>.<\/p>\n<h2>Il  a fine di siti e microservizi<\/h2>\n<p>Quest\u2019supremo ambiente sembrerebbe niente affatto  sopra cui l\u2019andazzo dei Server Components potrebbe assecondare . Immaginiamo, ad campione, le quali un\u2019ornamento richieda diverse query a database differenti, al distinto a fine di riempire dovutamente  componenti. Ci\u00f2 pu\u00f2 aver luogo effettuato a causa di un\u2019unica richiamo, risultando  sopra una scioglimento le quali,   produttivo, n\u00e9 risulterebbe tipicamente pulita. Diversamente, qualora si scegliesse a fine di far assenso le quali ciascuno membro recuperi i dati necessari al adatto funzionamento, si rischierebbe un vigoroso influenza sulle prestazioni.<\/p>\n<p>L\u2019andazzo dei Server Components permette a fine di spiegare il . Tutti i componenti a fine di questo quintessenza, in realt\u00e0, includono un file le quali viene compiuto carriera <a href=\"https:\/\/www.html.it\/guide\/guida-nodejs\/\">Node.js<\/a> senza intermediari sul server, verso quale luogo la latenza dovuta alla lettera a causa di il DB \u00e8 bassa e n\u00e9 impatta sulle prestazioni. , le librerie React utilizzate  questi componenti n\u00e9 richiederebbero  a fine di aver luogo scaricate sul browser, a causa di un forte pro prestazionale.<\/p>\n<p>Va motto le quali l\u2019andazzo dei Server Components n\u00e9 \u00e8 presso sbalestrare a causa di il rendering fianco server, dato che quest\u2019supremo n\u00e9 produce una \u201cparafrasi\u201d sopra HTML, s\u00ec sfruttando un sfumatura , le quali sar\u00e0  ordinario dal framework nell\u2019supplemento dell\u2019interfaccia fruitore sopra background.<\/p>\n<p>Tra noi i molti vantaggi a fine di questa scioglimento, va menzionata la pericolo a fine di  <strong>senza intermediari alle risorse a fine di backend<\/strong>. A  ideale, sono state introdotte nuove librerie, tra noi cui ad campione <strong>react-pg<\/strong>,  l\u2019ingresso ad un database <a href=\"https:\/\/www.html.it\/29\/05\/2017\/postgresql-10-le-principali-novita\/\">PostgreSQL<\/a>, <strong>react-fs<\/strong>  sfacchinare a causa di il file system, e <strong>react-fetch<\/strong>  concretizzare chiamate ticchio API senza intermediari fianco server.<\/p>\n<h2>Conclusioni<\/h2>\n<p>Stanotte numerosi sviluppatori combinano React e altri framework JavaScript a causa di applicazioni scritte  maneggiare la rata server (specificamente sfruttando linguaggi , appena che <a href=\"https:\/\/www.html.it\/guide\/guida-php-di-base\/\">PHP<\/a> ovvero <a href=\"https:\/\/www.html.it\/guide\/guida-java\/\">Java<\/a>). I Server Components a fine di React rendono invece di quest\u2019ultima tecnologia un\u2019 forse <strong>full-stack<\/strong>. Anche se questa tecnologia sia tuttora sopra epoca a fine di aumento, il team sta lavorando coralmente agli sviluppatori a fine di Next.js, ed \u00e8 pi\u00f9 tardi legittimo fare assegnamento su innovazione significative a piccolo visita.<\/p>\n<p><em>Principio<\/em>: <a href=\"https:\/\/www.theregister.com\/2021\/01\/07\/react_server_components\/\" class=\"text-link text-link--special\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><span class=\"underline\">The Register<\/span><i class=\"ico-external\"\/><\/a><\/p>\n<\/div>\n<p><br \/>\n<br \/><a href=\"http:\/\/feedproxy.google.com\/~r\/htmlitedit\/~3\/-miSEqCrxSI\/\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nel quale si parla a fine di framework ci\u00f2 aumento a fine di applicazioni web moderne, una delle opzioni pi\u00f9 in l\u00e0 diffuse e apprezzate \u00e8 React. In ultimo, il team a fine di aumento ha mostrato sopra anteprima i Server Components, componenti le quali permettono agli sviluppatori a fine di comunicare raccolta di leggi&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_s2mail":""},"categories":[37],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>React e i Server Components - Web Agency Italia Web Designer realizzazione siti web Italy<\/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.multimediaweb.eu\/web-agency\/react-e-i-server-components\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"React e i Server Components - Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"og:description\" content=\"Nel quale si parla a fine di framework ci\u00f2 aumento a fine di applicazioni web moderne, una delle opzioni pi\u00f9 in l\u00e0 diffuse e apprezzate \u00e8 React. In ultimo, il team a fine di aumento ha mostrato sopra anteprima i Server Components, componenti le quali permettono agli sviluppatori a fine di comunicare raccolta di leggi...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.multimediaweb.eu\/web-agency\/react-e-i-server-components\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-07T17:58:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-01-07T17:58:55+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/react-e-i-server-components\/\",\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/react-e-i-server-components\/\",\"name\":\"React e i Server Components - Web Agency Italia Web Designer realizzazione siti web Italy\",\"isPartOf\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#website\"},\"datePublished\":\"2021-01-07T17:58:52+00:00\",\"dateModified\":\"2021-01-07T17:58:55+00:00\",\"author\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/react-e-i-server-components\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.multimediaweb.eu\/web-agency\/react-e-i-server-components\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/react-e-i-server-components\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.multimediaweb.eu\/web-agency\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"React e i Server Components\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#website\",\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/\",\"name\":\"Web Agency Italia Web Designer realizzazione siti web Italy\",\"description\":\"Web design creazione siti web Italia\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.multimediaweb.eu\/web-agency\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"React e i Server Components - Web Agency Italia Web Designer realizzazione siti web Italy","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.multimediaweb.eu\/web-agency\/react-e-i-server-components\/","og_locale":"it_IT","og_type":"article","og_title":"React e i Server Components - Web Agency Italia Web Designer realizzazione siti web Italy","og_description":"Nel quale si parla a fine di framework ci\u00f2 aumento a fine di applicazioni web moderne, una delle opzioni pi\u00f9 in l\u00e0 diffuse e apprezzate \u00e8 React. In ultimo, il team a fine di aumento ha mostrato sopra anteprima i Server Components, componenti le quali permettono agli sviluppatori a fine di comunicare raccolta di leggi...","og_url":"https:\/\/www.multimediaweb.eu\/web-agency\/react-e-i-server-components\/","og_site_name":"Web Agency Italia Web Designer realizzazione siti web Italy","article_published_time":"2021-01-07T17:58:52+00:00","article_modified_time":"2021-01-07T17:58:55+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"admin","Tempo di lettura stimato":"3 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/react-e-i-server-components\/","url":"https:\/\/www.multimediaweb.eu\/web-agency\/react-e-i-server-components\/","name":"React e i Server Components - Web Agency Italia Web Designer realizzazione siti web Italy","isPartOf":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#website"},"datePublished":"2021-01-07T17:58:52+00:00","dateModified":"2021-01-07T17:58:55+00:00","author":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42"},"breadcrumb":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/react-e-i-server-components\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.multimediaweb.eu\/web-agency\/react-e-i-server-components\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/react-e-i-server-components\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.multimediaweb.eu\/web-agency\/"},{"@type":"ListItem","position":2,"name":"React e i Server Components"}]},{"@type":"WebSite","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#website","url":"https:\/\/www.multimediaweb.eu\/web-agency\/","name":"Web Agency Italia Web Designer realizzazione siti web Italy","description":"Web design creazione siti web Italia","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.multimediaweb.eu\/web-agency\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42","name":"admin","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.multimediaweb.eu\/web-agency\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/25333"}],"collection":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/comments?post=25333"}],"version-history":[{"count":1,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/25333\/revisions"}],"predecessor-version":[{"id":25334,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/25333\/revisions\/25334"}],"wp:attachment":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/media?parent=25333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/categories?post=25333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/tags?post=25333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}