{"id":22807,"date":"2022-10-21T06:24:52","date_gmt":"2022-10-21T04:24:52","guid":{"rendered":"https:\/\/www.nycwebdesign.eu\/webdesign\/replicache-framework-javascript-anche-offline\/"},"modified":"2022-10-21T06:24:52","modified_gmt":"2022-10-21T04:24:52","slug":"replicache-framework-javascript-anche-offline","status":"publish","type":"post","link":"https:\/\/www.nycwebdesign.eu\/webdesign\/replicache-framework-javascript-anche-offline\/","title":{"rendered":"Replicache: framework JavaScript anche offline"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<div>\n<p><strong>Replicache<\/strong> \u00e8 un framework <a href=\"https:\/\/www.html.it\/guide\/guida-javascript-di-base\/\" target=\"_blank\" rel=\"noopener\">JavaScript<\/a> concepito per la realizzazione di Web application collaborative ad alte prestazioni con supporto per l&#8217;utilizzo in <strong>modalit\u00e0 offline<\/strong>. Durante lo sviluppo ciascun utilizzatore pu\u00f2 visualizzare tutte le modifiche effettuate dagli altri utenti in tempo reale, senza la necessit\u00e0 di alcun refresh.<\/p>\n<p>Tutte le applicazioni basate su Replicache possono andare offline per ore o anche per giorni, una volta tornate online verranno risincronizzate in modo da non perdere alcun aggiornamento. Si tratta sostanzialmente di una tecnologie client side in grado di operare con diverse tipologie di stack back-end.<\/p>\n<h2 id=\"caratteristiche-di-replicache\">Caratteristiche di Replicache<\/h2>\n<p>Uno dei vantaggi del framework risiede nella gestione automatica dei conflitti, aspetto che rende gli sviluppatori maggiormente produttivi rispetto ad altre soluzioni dello stesso tipo. Ma come funziona quando le applicazioni sono in fase di produzione?<\/p>\n<p>In pratica i dati vengono divisi all&#8217;interno di &#8220;<strong>spazi<\/strong>&#8221; della grandezza di 64MB, quando un utente accede per la prima volta ad uno spazio Replicache effettua il download dei dati e li alloca in modo persistente nel browser.<\/p>\n<p>Fatto questo l&#8217;applicazione legge e scrive unicamente la sua copia locale dei dati, in questo modo essa \u00e8 in grado di rispondere istantaneamente a qualsiasi interazione. Eventuali modifiche vengono sincronizzate grazie ad un apposito processo client-server in background, per questo motivo la loro fruizione avviene in real time.<\/p>\n<p><iframe loading=\"lazy\" title=\"Replicache \/ Repliear Demo - 20220503.4\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/GTid9iwWX0Y?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>Se la sincronizzazione non pu\u00f2 avvenire perch\u00e9 il server \u00e8 down o non \u00e8 disponibile alcun collegamento, le modifiche vengono comunque messe in coda e rimangono persistenti fino a quando il server non torna online. <\/p>\n<p>Quando due utenti editano i medesimi dati si verifica naturalmente un conflitto, Replicache interviene quindi tramite merging attivando un meccanismo di <strong>server reconciliation<\/strong> ereditato dai videogame multiplayer.<\/p>\n<h2 id=\"gratis-per-progetti-non-commerciali\">Gratis per progetti non commerciali<\/h2>\n<p>Per avviare una sessione di Replicache \u00e8 possibile inizializzare un&#8217;applicazione Replicache tramite il seguente comando:<\/p>\n<pre><code class=\"language-bash\">$ npx create-replicache-app my-app react<\/code><\/pre>\n<p>L&#8217;uso del framework \u00e8 completamente gratuito per progetti non commerciali, per quelli commerciali sono invece gratuiti i primi due mesi e successivamente si pagher\u00e0 una tariffa variabile a seconda del numero di profili attivi su base mensile.<\/p>\n<\/p><\/div>\n<p><br \/>\n<br \/><a href=\"https:\/\/www.html.it\/magazine\/replicache-framework-javascript-anche-offline\/\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Replicache \u00e8 un framework JavaScript concepito per la realizzazione di Web application collaborative ad alte prestazioni con supporto per l&#8217;utilizzo in modalit\u00e0 offline. Durante lo sviluppo ciascun utilizzatore pu\u00f2 visualizzare tutte le modifiche effettuate dagli altri utenti in tempo reale, senza la necessit\u00e0 di alcun refresh. Tutte le applicazioni basate su Replicache possono andare offline&#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>Replicache: framework JavaScript anche offline - AGENZIA WEB Italia<\/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.nycwebdesign.eu\/webdesign\/replicache-framework-javascript-anche-offline\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Replicache: framework JavaScript anche offline - AGENZIA WEB Italia\" \/>\n<meta property=\"og:description\" content=\"Replicache \u00e8 un framework JavaScript concepito per la realizzazione di Web application collaborative ad alte prestazioni con supporto per l&#8217;utilizzo in modalit\u00e0 offline. Durante lo sviluppo ciascun utilizzatore pu\u00f2 visualizzare tutte le modifiche effettuate dagli altri utenti in tempo reale, senza la necessit\u00e0 di alcun refresh. Tutte le applicazioni basate su Replicache possono andare offline...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.nycwebdesign.eu\/webdesign\/replicache-framework-javascript-anche-offline\/\" \/>\n<meta property=\"og:site_name\" content=\"AGENZIA WEB Italia\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-21T04:24:52+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=\"2 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/replicache-framework-javascript-anche-offline\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/replicache-framework-javascript-anche-offline\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\"},\"headline\":\"Replicache: framework JavaScript anche offline\",\"datePublished\":\"2022-10-21T04:24:52+00:00\",\"dateModified\":\"2022-10-21T04:24:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/replicache-framework-javascript-anche-offline\/\"},\"wordCount\":350,\"publisher\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization\"},\"articleSection\":[\"News\"],\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/replicache-framework-javascript-anche-offline\/\",\"url\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/replicache-framework-javascript-anche-offline\/\",\"name\":\"Replicache: framework JavaScript anche offline - AGENZIA WEB Italia\",\"isPartOf\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#website\"},\"datePublished\":\"2022-10-21T04:24:52+00:00\",\"dateModified\":\"2022-10-21T04:24:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/replicache-framework-javascript-anche-offline\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.nycwebdesign.eu\/webdesign\/replicache-framework-javascript-anche-offline\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/replicache-framework-javascript-anche-offline\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Replicache: framework JavaScript anche offline\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#website\",\"url\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/\",\"name\":\"AGENZIA WEB Italia\",\"description\":\"Web design Web agency Italia\",\"publisher\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization\",\"name\":\"Multimedia Web\",\"url\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-content\/uploads\/2016\/05\/multimediaweb1.png\",\"contentUrl\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-content\/uploads\/2016\/05\/multimediaweb1.png\",\"width\":200,\"height\":57,\"caption\":\"Multimedia Web\"},\"image\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/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\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Replicache: framework JavaScript anche offline - AGENZIA WEB Italia","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.nycwebdesign.eu\/webdesign\/replicache-framework-javascript-anche-offline\/","og_locale":"it_IT","og_type":"article","og_title":"Replicache: framework JavaScript anche offline - AGENZIA WEB Italia","og_description":"Replicache \u00e8 un framework JavaScript concepito per la realizzazione di Web application collaborative ad alte prestazioni con supporto per l&#8217;utilizzo in modalit\u00e0 offline. Durante lo sviluppo ciascun utilizzatore pu\u00f2 visualizzare tutte le modifiche effettuate dagli altri utenti in tempo reale, senza la necessit\u00e0 di alcun refresh. Tutte le applicazioni basate su Replicache possono andare offline...","og_url":"https:\/\/www.nycwebdesign.eu\/webdesign\/replicache-framework-javascript-anche-offline\/","og_site_name":"AGENZIA WEB Italia","article_published_time":"2022-10-21T04:24:52+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"admin","Tempo di lettura stimato":"2 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/replicache-framework-javascript-anche-offline\/#article","isPartOf":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/replicache-framework-javascript-anche-offline\/"},"author":{"name":"admin","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42"},"headline":"Replicache: framework JavaScript anche offline","datePublished":"2022-10-21T04:24:52+00:00","dateModified":"2022-10-21T04:24:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/replicache-framework-javascript-anche-offline\/"},"wordCount":350,"publisher":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization"},"articleSection":["News"],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/replicache-framework-javascript-anche-offline\/","url":"https:\/\/www.nycwebdesign.eu\/webdesign\/replicache-framework-javascript-anche-offline\/","name":"Replicache: framework JavaScript anche offline - AGENZIA WEB Italia","isPartOf":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#website"},"datePublished":"2022-10-21T04:24:52+00:00","dateModified":"2022-10-21T04:24:52+00:00","breadcrumb":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/replicache-framework-javascript-anche-offline\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.nycwebdesign.eu\/webdesign\/replicache-framework-javascript-anche-offline\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/replicache-framework-javascript-anche-offline\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.nycwebdesign.eu\/webdesign\/"},{"@type":"ListItem","position":2,"name":"Replicache: framework JavaScript anche offline"}]},{"@type":"WebSite","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#website","url":"https:\/\/www.nycwebdesign.eu\/webdesign\/","name":"AGENZIA WEB Italia","description":"Web design Web agency Italia","publisher":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.nycwebdesign.eu\/webdesign\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization","name":"Multimedia Web","url":"https:\/\/www.nycwebdesign.eu\/webdesign\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/logo\/image\/","url":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-content\/uploads\/2016\/05\/multimediaweb1.png","contentUrl":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-content\/uploads\/2016\/05\/multimediaweb1.png","width":200,"height":57,"caption":"Multimedia Web"},"image":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42","name":"admin","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/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"}}]}},"_links":{"self":[{"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/posts\/22807"}],"collection":[{"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/comments?post=22807"}],"version-history":[{"count":0,"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/posts\/22807\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/media?parent=22807"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/categories?post=22807"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/tags?post=22807"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}