{"id":22547,"date":"2016-12-05T13:05:32","date_gmt":"2016-12-05T12:05:32","guid":{"rendered":"http:\/\/www.multimediaweb.eu\/web-agency\/user-interface-con-inferno-javascript-library-react-like\/"},"modified":"2016-12-05T13:05:33","modified_gmt":"2016-12-05T12:05:33","slug":"user-interface-con-inferno-javascript-library-react-like","status":"publish","type":"post","link":"https:\/\/www.multimediaweb.eu\/web-agency\/user-interface-con-inferno-javascript-library-react-like\/","title":{"rendered":"User interface con Inferno, JavaScript library React-like"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<div readability=\"46.128419452888\">\n<article readability=\"34.855029585799\">\n<p>Tali caratteristiche rendono Inferno uno strumento semplice da utilizzare per chi ha gi\u00e0 esperienza di sviluppo con React e il suo ecosistema, i coders possono quindi migrare facilmente i propri progetti basati sul developer tool di Facebook grazie a poche modifiche a livello di sorgente e all&#8217;impiego di <strong>inferno-compat<\/strong>, un package che offre un layer di compatibilit\u00e0 per i moduli di React in modo che questi possano operare anche su Inferno. <\/p>\n<p>Cos\u00ec come React, quest&#8217;ultimo consente di sfruttare una modalit\u00e0 dichiarativa per la creazione delle user interface, non sfrutta schemi progettuali di tipo MVC (<em>Model-View-Controller<\/em>) o pattern architetturali come MVVM (<em>Model\u2013View\u2013View-Model<\/em>), ma consente di organizzare lo sviluppo sulla base di componenti che rendono il flusso di dati unidirezionale e il codice riutilizzabile e facilmente testabile (<em>learn once, write anywhere<\/em>).<\/p>\n<p>Inferno consente il rendering dei contenuti lato server tramite il modulo <code>inferno-server<\/code> e il JavaScript runtime environment <strong>NodeJS<\/strong>, non viene inoltre imposta alcuna restrizione nella creazione dei componenti. Il livello di prestazioni certificato dai benchmark e dai test effettuati in scenari real-world, evidenzia tempi di caricamento, parsing, rendering e aggiornamento in alcuni casi tra le 10 e le 20 volte inferiori a React e fino a 5 volte inferiori ad <strong>AngularJS<\/strong>.<\/p>\n<p>Le performance garantite da Inferno, cos\u00ec come il supporto offerto ad esso dai JavaScript engine pi\u00f9 aggiornati, lo rendono una libreria ottimale per la realizzazione di UI, anche particolarmente complesse, destinate all&#8217;utilizzo su mobile, assicurando nel contempo un risparmio in termini di autonomia dei dispositivi. <\/p>\n<p>Via <a href=\"https:\/\/github.com\/trueadm\/inferno\" title=\"InfernoJS\" target=\"_blank\">Inferno<\/a><\/p>\n<p>&#13;<br \/>\n          <!--div class=\"sharelink\">\n              \n\n<ul>\n                  \n\n<li class=\"facebook\"><a href=\"#\" onclick=\"window.open( 'https:\/\/www.facebook.com\/sharer\/sharer.php?u='+encodeURIComponent('http:\/\/blog.html.it\/05\/12\/2016\/user-interface-con-inferno-javascript-library-react-like\/'),'condividi l'articolo su facebook', 'width=626,height=436,location=no,directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no'); return false;\">Facebook<\/a><\/li>\n\n\n                  \n\n<li class=\"twitter\"><a href=\"#\" onclick=\"window.open( 'https:\/\/twitter.com\/share?url=http%3A%2F%2Fblog.html.it%2F05%2F12%2F2016%2Fuser-interface-con-inferno-javascript-library-react-like%2F&via=html_it&text=User%20interface%20con%20Inferno%2C%20JavaScript%20library%20React-like','condividi l'articolo su twitter', 'width=626,height=436,location=no,directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no'); return false;\">Twitter<\/a><\/li>\n\n\n              <\/ul>\n\n\n          <\/div-->&#13;<br \/>\n          &#13;<br \/>\n\t\t<\/article>\n<div readability=\"5.7632508833922\">\n            <!--\n\n<style>\n\n.newletter-item, .newsletter-box \n  \/*float: left;\n  margin: 5px 0 20px 0;*\/\n  display: block;\n  width: 100%;\n\n\n.newletter-item, .newsletter-box p \n    font-size: 18px;\n    letter-spacing: 0.3px;\n    line-height: 28px;\n    padding: 0 0 34px 0;\n    color: #161616;\n    font-family: 'Alegreya', serif;\n\n\n.newletter-item, .newsletter-box p span \n  font-weight: bold;\n\n\n.newsletter-box img\n    width: 48px;\n    height: auto;\n    margin: 0 auto 34px auto;\n\n\n.newsletter-panel \n  display: block;\n  width: auto;\n  height: 129px;\n  background: url(http:\/\/www.html.it\/wp-content\/themes\/www.html.it\/images\/newsletter\/newsletter-bg.png) no-repeat;\n  position: relative;\n  left: 0px;\n\n.newsletter-panel form \n  margin: 0;\n\n.newsletter-panel .line-item \n  display: block;\n  float: left;\n  margin: 0 0 0 20px;\n  display: block;\n  width: 408px;\n\n.newsletter-panel input \n  float: left;\n  display: block;\n\n.newsletter-panel input[type=\"text\"] \n  margin: 20px 0 10px 20px;\n  width: 395px;\n  height: 26px;\n  line-height: 26px;\n  padding: 2px;\n\n.newsletter-panel input[type=\"radio\"] \n  margin: 6px 3px 0 0;\n\n.newsletter-panel label.radio-item \n  float: left;\n  display: block;\n  font-size: 1em;\n  width: 10px;\n  margin: 6px 10px 0 0;\n\n.newsletter-panel .lable-text \n  display: block;\n  float: left;\n  width: 240px;\n  font-size: 10px !important;\n  color: #333333 !important;\n  line-height: 130%;\n  margin: 6px 0 0 0px !important;\n\n.newsletter-panel .lable-text a \n  color: #333\n\n.newsletter-panel input[type=\"button\"] \n  position: relative;\n  top: -50px;\n  left: 64px;\n  width: 127px;\n  height: 47px;\n  background: url(http:\/\/www.html.it\/wp-content\/themes\/www.html.it\/images\/newsletter\/newsletter-butt.png) no-repeat;\n  background-repeat: no-repeat;\n  border: 0;\n  cursor: pointer;\n\n.newsletter-panel input[type=\"button\"]:hover \n  background-image: url(http:\/\/www.html.it\/wp-content\/themes\/www.html.it\/images\/newsletter\/newsletter-butt-roll.png);\n\n.newsletter-panel label.radio-item \n  font-size: 10px !important;\n\n.error-newsletter\npadding: 10px 20px;\n\n<\/style>\n\n--><\/p>\n<div id=\"newsletter_div\" class=\"newletter-item nav-txt newsletter-box\" readability=\"7.4098939929329\">\n<p>Se vuoi aggiornamenti su <b>User interface con Inferno, JavaScript library React-like<\/b> inserisci la tua e-mail nel box qui sotto:<\/p>\n<\/div><\/div><\/div>\n<p><br \/>\n<br \/><a href=\"http:\/\/feedproxy.google.com\/~r\/htmlitedit\/~3\/suiVIS21ZOg\/\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tali caratteristiche rendono Inferno uno strumento semplice da utilizzare per chi ha gi\u00e0 esperienza di sviluppo con React e il suo ecosistema, i coders possono quindi migrare facilmente i propri progetti basati sul developer tool di Facebook grazie a poche modifiche a livello di sorgente e all&#8217;impiego di inferno-compat, un package che offre un layer&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","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>User interface con Inferno, JavaScript library React-like - 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\/user-interface-con-inferno-javascript-library-react-like\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"User interface con Inferno, JavaScript library React-like - Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"og:description\" content=\"Tali caratteristiche rendono Inferno uno strumento semplice da utilizzare per chi ha gi\u00e0 esperienza di sviluppo con React e il suo ecosistema, i coders possono quindi migrare facilmente i propri progetti basati sul developer tool di Facebook grazie a poche modifiche a livello di sorgente e all&#8217;impiego di inferno-compat, un package che offre un layer...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.multimediaweb.eu\/web-agency\/user-interface-con-inferno-javascript-library-react-like\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"article:published_time\" content=\"2016-12-05T12:05:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-12-05T12:05:33+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=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/user-interface-con-inferno-javascript-library-react-like\/\",\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/user-interface-con-inferno-javascript-library-react-like\/\",\"name\":\"User interface con Inferno, JavaScript library React-like - Web Agency Italia Web Designer realizzazione siti web Italy\",\"isPartOf\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#website\"},\"datePublished\":\"2016-12-05T12:05:32+00:00\",\"dateModified\":\"2016-12-05T12:05:33+00:00\",\"author\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/user-interface-con-inferno-javascript-library-react-like\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.multimediaweb.eu\/web-agency\/user-interface-con-inferno-javascript-library-react-like\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/user-interface-con-inferno-javascript-library-react-like\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.multimediaweb.eu\/web-agency\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User interface con Inferno, JavaScript library React-like\"}]},{\"@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":"User interface con Inferno, JavaScript library React-like - 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\/user-interface-con-inferno-javascript-library-react-like\/","og_locale":"it_IT","og_type":"article","og_title":"User interface con Inferno, JavaScript library React-like - Web Agency Italia Web Designer realizzazione siti web Italy","og_description":"Tali caratteristiche rendono Inferno uno strumento semplice da utilizzare per chi ha gi\u00e0 esperienza di sviluppo con React e il suo ecosistema, i coders possono quindi migrare facilmente i propri progetti basati sul developer tool di Facebook grazie a poche modifiche a livello di sorgente e all&#8217;impiego di inferno-compat, un package che offre un layer...","og_url":"https:\/\/www.multimediaweb.eu\/web-agency\/user-interface-con-inferno-javascript-library-react-like\/","og_site_name":"Web Agency Italia Web Designer realizzazione siti web Italy","article_published_time":"2016-12-05T12:05:32+00:00","article_modified_time":"2016-12-05T12:05:33+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"admin","Tempo di lettura stimato":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/user-interface-con-inferno-javascript-library-react-like\/","url":"https:\/\/www.multimediaweb.eu\/web-agency\/user-interface-con-inferno-javascript-library-react-like\/","name":"User interface con Inferno, JavaScript library React-like - Web Agency Italia Web Designer realizzazione siti web Italy","isPartOf":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#website"},"datePublished":"2016-12-05T12:05:32+00:00","dateModified":"2016-12-05T12:05:33+00:00","author":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42"},"breadcrumb":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/user-interface-con-inferno-javascript-library-react-like\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.multimediaweb.eu\/web-agency\/user-interface-con-inferno-javascript-library-react-like\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/user-interface-con-inferno-javascript-library-react-like\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.multimediaweb.eu\/web-agency\/"},{"@type":"ListItem","position":2,"name":"User interface con Inferno, JavaScript library React-like"}]},{"@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\/22547"}],"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=22547"}],"version-history":[{"count":1,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/22547\/revisions"}],"predecessor-version":[{"id":22548,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/22547\/revisions\/22548"}],"wp:attachment":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/media?parent=22547"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/categories?post=22547"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/tags?post=22547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}