Webinar React in Angular<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\tIn Blazar Group la formazione \u00e8 una priorit\u00e0<\/strong>. Per questa ragione, oltre ai Piani Personali di Crescita, sono incentivati altri strumenti di apprendimento, approfondimento e scambio di opinioni relative alle tecnologie pi\u00f9 innovative legate al mondo della programmazione. Tra questi, si possono sicuramente evidenziare i webinar, seminari web tenuti dai Blazariani e rivolti ai Blazariani stessi, in cui poter condividere le proprie conoscenze in ambito IT e contribuire alla formazione tecnica dei colleghi e al rafforzamento del network aziendale.
\u00a0Nel webinar dal titolo volutamente fuorviante “React in Angular”<\/strong>, tenuto\u00a0 dal Blazariano Nicola D’Oronzo , non si \u00e8 parlato della libreria\/framework React<\/strong>, quanto pi\u00f9 del tema della\u00a0programmazione reattiva in Angular<\/strong>\u00a0con\u00a0RxJS<\/strong>, e di come questo paradigma permetta di semplificare le applicazioni frontend, permettendo di vedere lo sviluppo esclusivamente come una serie di eventi (click, chiamata http, navigazione etc.). Il webinar ha trattato le difficolt\u00e0 della caratteristica asincrona della programmazione frontend attraverso un caso d’uso tipico, la selezione della tripletta stato-provincia-comune. Si \u00e8 mostrato inizialmente un approccio puramente imperativo, con il solo utilizzo di data bindings ed event bindings per gestire input, validazione e chiamate http. Sono stati aggiunti poi i reactive forms (ngModel) e pi\u00f9 responsabilit\u00e0 e logiche sono state spostate nel template, semplificando di molto il codice. Per ultimo \u00e8 stato mostrato l’approccio puramente reattivo, dove gli eventi del dom (click, select etc.) venivano visti come punti di partenza (sources), e i dati mostrati sullo schermo come “punto di arrivo” (sinks), ed il codice \u00e8 stato semplificato ancora di pi\u00f9 e reso totalmente dichiarativo. Angular rende possibile questo stile grazie ad Observables e Subjects per la gestione di flussi di eventi (sources) e l’async pipe per mostrare in ultima istanza il dato ottenuto dalla serie di trasformazioni dell’evento in un determinato punto (sink). Nonostante sia un modo di programmare che richiede pratica ed ha uno scoglio iniziale importante, il paradigma reattivo porta innumerevoli vantaggi nel codice in termini di leggibilit\u00e0 e possibilit\u00e0 di estensione.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t![\"\"](\"https:\/\/blazargroup.com\/it\/wp-content\/uploads\/2023\/09\/angular-e-react-1024x457.gif\" "\\"angular")
\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"Webinar React in Angular In Blazar Group la formazione \u00e8 una priorit\u00e0. Per questa ragione, oltre ai Piani Personali di…<\/p>\n","protected":false},"author":5,"featured_media":3709,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-3700","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-senza-categoria"],"yoast_head":"\n
Webinar su React e Angular - Blazar Group<\/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:\/\/blazargroup.com\/it\/webinar-su-react-e-angular\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Webinar su React e Angular - Blazar Group\" \/>\n<meta property=\"og:description\" content=\"Webinar React in Angular In Blazar Group la formazione \u00e8 una priorit\u00e0. Per questa ragione, oltre ai Piani Personali di...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blazargroup.com\/it\/webinar-su-react-e-angular\/\" \/>\n<meta property=\"og:site_name\" content=\"Blazar Group\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/blazargroup\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-18T15:16:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-25T15:36:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blazargroup.com\/it\/wp-content\/uploads\/2023\/09\/glow.png\" \/>\n\t<meta property=\"og:image:width\" content=\"834\" \/>\n\t<meta property=\"og:image:height\" content=\"580\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Anna Devecchi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minuti\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Webinar su React e Angular - Blazar Group","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:\/\/blazargroup.com\/it\/webinar-su-react-e-angular\/","og_locale":"it_IT","og_type":"article","og_title":"Webinar su React e Angular - Blazar Group","og_description":"Webinar React in Angular In Blazar Group la formazione \u00e8 una priorit\u00e0. Per questa ragione, oltre ai Piani Personali di...","og_url":"https:\/\/blazargroup.com\/it\/webinar-su-react-e-angular\/","og_site_name":"Blazar Group","article_publisher":"https:\/\/www.facebook.com\/blazargroup","article_published_time":"2023-09-18T15:16:34+00:00","article_modified_time":"2025-03-25T15:36:51+00:00","og_image":[{"width":834,"height":580,"url":"https:\/\/blazargroup.com\/it\/wp-content\/uploads\/2023\/09\/glow.png","type":"image\/png"}],"author":"Anna Devecchi","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":false,"Tempo di lettura stimato":"2 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blazargroup.com\/it\/webinar-su-react-e-angular\/#article","isPartOf":{"@id":"https:\/\/blazargroup.com\/it\/webinar-su-react-e-angular\/"},"author":{"name":"Anna Devecchi","@id":"https:\/\/blazargroup.com\/it\/#\/schema\/person\/ea5a91c6945dbf3dbc79435c37e8a002"},"headline":"Webinar su React e Angular","datePublished":"2023-09-18T15:16:34+00:00","dateModified":"2025-03-25T15:36:51+00:00","mainEntityOfPage":{"@id":"https:\/\/blazargroup.com\/it\/webinar-su-react-e-angular\/"},"wordCount":335,"publisher":{"@id":"https:\/\/blazargroup.com\/it\/#organization"},"image":{"@id":"https:\/\/blazargroup.com\/it\/webinar-su-react-e-angular\/#primaryimage"},"thumbnailUrl":"https:\/\/blazargroup.com\/it\/wp-content\/uploads\/2023\/09\/glow.png","inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/blazargroup.com\/it\/webinar-su-react-e-angular\/","url":"https:\/\/blazargroup.com\/it\/webinar-su-react-e-angular\/","name":"Webinar su React e Angular - Blazar Group","isPartOf":{"@id":"https:\/\/blazargroup.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blazargroup.com\/it\/webinar-su-react-e-angular\/#primaryimage"},"image":{"@id":"https:\/\/blazargroup.com\/it\/webinar-su-react-e-angular\/#primaryimage"},"thumbnailUrl":"https:\/\/blazargroup.com\/it\/wp-content\/uploads\/2023\/09\/glow.png","datePublished":"2023-09-18T15:16:34+00:00","dateModified":"2025-03-25T15:36:51+00:00","breadcrumb":{"@id":"https:\/\/blazargroup.com\/it\/webinar-su-react-e-angular\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blazargroup.com\/it\/webinar-su-react-e-angular\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/blazargroup.com\/it\/webinar-su-react-e-angular\/#primaryimage","url":"https:\/\/blazargroup.com\/it\/wp-content\/uploads\/2023\/09\/glow.png","contentUrl":"https:\/\/blazargroup.com\/it\/wp-content\/uploads\/2023\/09\/glow.png","width":834,"height":580},{"@type":"BreadcrumbList","@id":"https:\/\/blazargroup.com\/it\/webinar-su-react-e-angular\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blazargroup.com\/it\/"},{"@type":"ListItem","position":2,"name":"Webinar su React e Angular"}]},{"@type":"WebSite","@id":"https:\/\/blazargroup.com\/it\/#website","url":"https:\/\/blazargroup.com\/it\/","name":"Blazar Group","description":"Together, Bigger","publisher":{"@id":"https:\/\/blazargroup.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blazargroup.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/blazargroup.com\/it\/#organization","name":"Blazar Group","url":"https:\/\/blazargroup.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/blazargroup.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/blazargroup.com\/it\/wp-content\/uploads\/2022\/04\/Logo2022_colorato_sfondotrasparente_rilievo_ANTRACITE-1-1024x399-1.png","contentUrl":"https:\/\/blazargroup.com\/it\/wp-content\/uploads\/2022\/04\/Logo2022_colorato_sfondotrasparente_rilievo_ANTRACITE-1-1024x399-1.png","width":1024,"height":399,"caption":"Blazar Group"},"image":{"@id":"https:\/\/blazargroup.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/blazargroup","https:\/\/www.instagram.com\/blazargroup\/","https:\/\/www.linkedin.com\/company\/blazar\/"]},{"@type":"Person","@id":"https:\/\/blazargroup.com\/it\/#\/schema\/person\/ea5a91c6945dbf3dbc79435c37e8a002","name":"Anna Devecchi","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/0773d6599b6f00efb5a974da1fdcf0178557a93d3514a24646727d2d69634d19?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0773d6599b6f00efb5a974da1fdcf0178557a93d3514a24646727d2d69634d19?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0773d6599b6f00efb5a974da1fdcf0178557a93d3514a24646727d2d69634d19?s=96&d=mm&r=g","caption":"Anna Devecchi"},"url":"https:\/\/blazargroup.com\/it\/author\/anna_devecchi\/"}]}},"_links":{"self":[{"href":"https:\/\/blazargroup.com\/it\/wp-json\/wp\/v2\/posts\/3700","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blazargroup.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blazargroup.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blazargroup.com\/it\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/blazargroup.com\/it\/wp-json\/wp\/v2\/comments?post=3700"}],"version-history":[{"count":8,"href":"https:\/\/blazargroup.com\/it\/wp-json\/wp\/v2\/posts\/3700\/revisions"}],"predecessor-version":[{"id":6210,"href":"https:\/\/blazargroup.com\/it\/wp-json\/wp\/v2\/posts\/3700\/revisions\/6210"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blazargroup.com\/it\/wp-json\/wp\/v2\/media\/3709"}],"wp:attachment":[{"href":"https:\/\/blazargroup.com\/it\/wp-json\/wp\/v2\/media?parent=3700"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blazargroup.com\/it\/wp-json\/wp\/v2\/categories?post=3700"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blazargroup.com\/it\/wp-json\/wp\/v2\/tags?post=3700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
In Blazar Group la formazione \u00e8 una priorit\u00e0<\/strong>. Per questa ragione, oltre ai Piani Personali di Crescita, sono incentivati altri strumenti di apprendimento, approfondimento e scambio di opinioni relative alle tecnologie pi\u00f9 innovative legate al mondo della programmazione. Tra questi, si possono sicuramente evidenziare i webinar, seminari web tenuti dai Blazariani e rivolti ai Blazariani stessi, in cui poter condividere le proprie conoscenze in ambito IT e contribuire alla formazione tecnica dei colleghi e al rafforzamento del network aziendale. Webinar React in Angular In Blazar Group la formazione \u00e8 una priorit\u00e0. Per questa ragione, oltre ai Piani Personali di…<\/p>\n","protected":false},"author":5,"featured_media":3709,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-3700","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-senza-categoria"],"yoast_head":"\n
\u00a0Nel webinar dal titolo volutamente fuorviante “React in Angular”<\/strong>, tenuto\u00a0 dal Blazariano Nicola D’Oronzo , non si \u00e8 parlato della libreria\/framework React<\/strong>, quanto pi\u00f9 del tema della\u00a0programmazione reattiva in Angular<\/strong>\u00a0con\u00a0RxJS<\/strong>, e di come questo paradigma permetta di semplificare le applicazioni frontend, permettendo di vedere lo sviluppo esclusivamente come una serie di eventi (click, chiamata http, navigazione etc.). Il webinar ha trattato le difficolt\u00e0 della caratteristica asincrona della programmazione frontend attraverso un caso d’uso tipico, la selezione della tripletta stato-provincia-comune. Si \u00e8 mostrato inizialmente un approccio puramente imperativo, con il solo utilizzo di data bindings ed event bindings per gestire input, validazione e chiamate http. Sono stati aggiunti poi i reactive forms (ngModel) e pi\u00f9 responsabilit\u00e0 e logiche sono state spostate nel template, semplificando di molto il codice. Per ultimo \u00e8 stato mostrato l’approccio puramente reattivo, dove gli eventi del dom (click, select etc.) venivano visti come punti di partenza (sources), e i dati mostrati sullo schermo come “punto di arrivo” (sinks), ed il codice \u00e8 stato semplificato ancora di pi\u00f9 e reso totalmente dichiarativo. Angular rende possibile questo stile grazie ad Observables e Subjects per la gestione di flussi di eventi (sources) e l’async pipe per mostrare in ultima istanza il dato ottenuto dalla serie di trasformazioni dell’evento in un determinato punto (sink). Nonostante sia un modo di programmare che richiede pratica ed ha uno scoglio iniziale importante, il paradigma reattivo porta innumerevoli vantaggi nel codice in termini di leggibilit\u00e0 e possibilit\u00e0 di estensione.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"