{"id":223,"date":"2020-03-26T00:00:00","date_gmt":"2020-03-25T23:00:00","guid":{"rendered":"https:\/\/orienteed.com\/\/?p=223"},"modified":"2024-09-25T14:02:35","modified_gmt":"2024-09-25T12:02:35","slug":"converting-the-oslo-react-into-a-fully-functional-progressive-web-application","status":"publish","type":"post","link":"https:\/\/orienteed.com\/en\/oslo-react-pwa\/","title":{"rendered":"Converting the Oslo React into a fully functional Progressive Web Application"},"content":{"rendered":"<p>We have taken the sample Watson Content Hub Oslo React web application and converted into a working Progressive Web Application including the main and winning characteristics of a PWA:<\/p>\n<p>Installable on home screen<\/p>\n<p>Offline mode<\/p>\n<p>Push notifications<\/p>\n<h2>What is Watson Content Hub Oslo React?<\/h2>\n<p>To get more information about Oslo, follow this link. IBM Watson Content Hub is a new and very interesting cognitive SaaS (Software As as Service) CMS built by IBM and soon be part of the portfolio of Centerbridge.<\/p>\n<p>A screenshot of Oslo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-54042\" title=\"Screenshot-2019-05-14-at-11.31.21-300x268.png\" src=\"\/\/images.ctfassets.net\/x4we65bqi45q\/35nytHawjD94aFHL2zogtA\/e6e4d399e337eb789101a79ba84f96af\/Screenshot-2019-05-14-at-11.31.21-300x268.png\" alt=\"Screenshot-2019-05-14-at-11.31.21-300x268.png\" width=\"300\" height=\"268\"><\/p>\n<p>A screenshot of Watson Content Hub and the way you can update a content:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-54041\" title=\"Screenshot-2019-05-14-at-11.29.13-300x142.png\" src=\"\/\/images.ctfassets.net\/x4we65bqi45q\/7iUtUDN7m6sqhbqOtJAzLv\/370555f73ee7b85688812bc4a7c05169\/Screenshot-2019-05-14-at-11.29.13-300x142.png\" alt=\"Screenshot-2019-05-14-at-11.29.13-300x142.png\" width=\"300\" height=\"143\"><\/p>\n<h2>Why we need a Progressive Web Application?<\/h2>\n<p>Bueno, \u00faltimamente hay mucha emoci\u00f3n sobre los PWA.<\/p>\n<p>Well, there is so much excitement lately about PWAs. Without entering into the details I just drop here a table can exactly show the point of why PWA:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-54039\" title=\"Screenshot-2019-05-14-at-11.13.13-300x106.png\" src=\"\/\/images.ctfassets.net\/x4we65bqi45q\/5dHDNvOalqHt14T8GXN6CL\/2e86376e54dfce8e18588ff488cc1cc6\/Screenshot-2019-05-14-at-11.13.13-300x106.png\" alt=\"Screenshot-2019-05-14-at-11.13.13-300x106.png\" width=\"300\" height=\"106\"><\/p>\n<p>We have already experimented the impact of PWA: much better User Experience (especially on e-commerce) and so better Conversion Rate!  It is really worth it!<\/p>\n<p>What have we done on top of Oslo React? We added the most interesting and critical features of PWA in addition to Oslo React.<\/p>\n<p>Our development the app could: install Oslo on a mobile home screen and\/or workstation desktop receive notifications whenever a new event is added or removed on Watson Content Hub continue to navigate Oslo despite that the device \/ workstation is offline.<\/p>\n<p>From a technical point of view we have: creating a web application manifest file service worker deployed for offline support Additional Transport Layer Security (TLS) to ensure private and data integrity defined the foundation of a security architecture application shell to allow fast load time.<\/p>\n<h2>Install Oslo on Home Screen<\/h2>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/7qZALGy5HuI\" width=\"560\" height=\"314\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2>Go offline<\/h2>\n<p><a href=\"https:\/\/youtu.be\/SM6Ng0staYw\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/SM6Ng0staYw\" width=\"560\" height=\"314\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/a><\/p>\n<h2>Get a push notification on Oslo event change<\/h2>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/v-2I3iC0BwA\" width=\"560\" height=\"314\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2>The team<\/h2>\n<p>We spent the last weeks focusing on creating the PWA for Oslo; everything came up as a funny challenge rose by our friend and <a href=\"https:\/\/orienteed.com\/en\/5-reasons-to-migrate-to-wcs-9\/\">IBM<\/a>, Antonio Fiol.<\/p>\n<p>Special thanks to Daniel Rilo, Ismael Rodriguez, Yanal Swesesh, Jorge Gamero,<\/p>\n<p>Do you need more details? Don't be shy and <a href=\"mailto:hello@orienteed.com\" target=\"_blank\" rel=\"noopener\">contact us here<\/a>! We will be happy to answer your questions.<\/p>","protected":false},"excerpt":{"rendered":"<p>Hemos tomado la muestra de la aplicaci\u00f3n web Watson Content Hub Oslo React y la hemos convertido en una aplicaci\u00f3n web progresiva que incluye las caracter\u00edsticas principales y ganadoras de una PWA: Instalable en la pantalla de inicio Modo offline Notificaciones push \u00bfQu\u00e9 es Watson Content Hub Oslo React? Para obtener m\u00e1s informaci\u00f3n sobre Oslo,&hellip;&nbsp;<a href=\"https:\/\/orienteed.com\/en\/oslo-react-pwa\/\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Converting the Oslo React into a fully functional Progressive Web Application<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":1568,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[148],"tags":[8,30],"class_list":["post-223","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-ecommerce","tag-ecommerce","tag-react"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.3 - aioseo.com -->\n\t<meta name=\"description\" content=\"En este art\u00edculo explicamos las caracter\u00edsticas principales y ganadoras de una PWA a partir de muestra tomada de la aplicaci\u00f3n web Watson Content Hub Oslo React\" \/>\n\t<meta name=\"robots\" content=\"max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n\t<meta name=\"author\" content=\"Francesco Schettini\"\/>\n\t<meta name=\"google-site-verification\" content=\"google-site-verification=OP49dSEB6tiqv44IxGOKRY9c8TyzfbjxeYPNhyxhcs8\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/orienteed.com\/en\/oslo-react-pwa\/\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.3\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Orienteed \u2022 We transform technology into exceptional experiences.\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Convertir el Oslo React en una aplicaci\u00f3n web progresiva totalmente funcional\" \/>\n\t\t<meta property=\"og:description\" content=\"En este art\u00edculo explicamos las caracter\u00edsticas principales y ganadoras de una PWA a partir de muestra tomada de la aplicaci\u00f3n web Watson Content Hub Oslo React\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/orienteed.com\/en\/oslo-react-pwa\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/orienteed.com\/wp-content\/uploads\/2020\/03\/React.jpeg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/orienteed.com\/wp-content\/uploads\/2020\/03\/React.jpeg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"473\" \/>\n\t\t<meta property=\"og:image:height\" content=\"266\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2020-03-25T23:00:00+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2024-09-25T12:02:35+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=61555846676066\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@orienteed\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Convertir el Oslo React en una aplicaci\u00f3n web progresiva totalmente funcional\" \/>\n\t\t<meta name=\"twitter:description\" content=\"En este art\u00edculo explicamos las caracter\u00edsticas principales y ganadoras de una PWA a partir de muestra tomada de la aplicaci\u00f3n web Watson Content Hub Oslo React\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@orienteed\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/orienteed.com\/wp-content\/uploads\/2020\/03\/React.jpeg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/oslo-react-pwa\\\/#blogposting\",\"name\":\"Convertir el Oslo React en una aplicaci\\u00f3n web progresiva totalmente funcional\",\"headline\":\"Convertir el Oslo React en una aplicaci\\u00f3n web progresiva totalmente funcional\",\"author\":{\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/author\\\/fschettinioriuenteed-com\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/orienteed.com\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/React.jpeg\",\"width\":473,\"height\":266,\"caption\":\"React\"},\"datePublished\":\"2020-03-26T00:00:00+01:00\",\"dateModified\":\"2024-09-25T14:02:35+02:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/oslo-react-pwa\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/oslo-react-pwa\\\/#webpage\"},\"articleSection\":\"Desarrollo de Ecommerce, ecommerce, react\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/oslo-react-pwa\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/orienteed.com\\\/en\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/category\\\/desarrollo-ecommerce\\\/#listItem\",\"name\":\"Desarrollo de Ecommerce\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/category\\\/desarrollo-ecommerce\\\/#listItem\",\"position\":2,\"name\":\"Desarrollo de Ecommerce\",\"item\":\"https:\\\/\\\/orienteed.com\\\/en\\\/category\\\/desarrollo-ecommerce\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/oslo-react-pwa\\\/#listItem\",\"name\":\"Convertir el Oslo React en una aplicaci\\u00f3n web progresiva totalmente funcional\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/oslo-react-pwa\\\/#listItem\",\"position\":3,\"name\":\"Convertir el Oslo React en una aplicaci\\u00f3n web progresiva totalmente funcional\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/category\\\/desarrollo-ecommerce\\\/#listItem\",\"name\":\"Desarrollo de Ecommerce\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/#organization\",\"name\":\"Orienteed\",\"description\":\"Orienteed \\u2022 We specialize in the development and implementation of digital solutions for your business. Digital Commerce, AI, PLM, Cloud Computing, QA, Testing and more.\",\"url\":\"https:\\\/\\\/orienteed.com\\\/en\\\/\",\"telephone\":\"+34981914837\",\"foundingDate\":\"2016-03-04\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":10,\"maxValue\":50},\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/orienteed.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/logo-orienteed-2024-destacado.png\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/oslo-react-pwa\\\/#organizationLogo\",\"width\":1920,\"height\":1080,\"caption\":\"logo orienteed 2025\"},\"image\":{\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/oslo-react-pwa\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/profile.php?id=61555846676066\",\"https:\\\/\\\/twitter.com\\\/orienteed\",\"https:\\\/\\\/www.instagram.com\\\/orienteedsl\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@orienteed\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/orienteed\\\/\",\"https:\\\/\\\/www.yelp.es\\\/biz\\\/orienteed-sl-a-corua\",\"https:\\\/\\\/www.threads.com\\\/@orienteedsl\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/author\\\/fschettinioriuenteed-com\\\/#author\",\"url\":\"https:\\\/\\\/orienteed.com\\\/en\\\/author\\\/fschettinioriuenteed-com\\\/\",\"name\":\"Francesco Schettini\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/oslo-react-pwa\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d64bbea2b81e2eedf01c882cc599e030115656fbdbbe5e1e5cb9b30f404744b9?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Francesco Schettini\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/oslo-react-pwa\\\/#webpage\",\"url\":\"https:\\\/\\\/orienteed.com\\\/en\\\/oslo-react-pwa\\\/\",\"name\":\"Convertir el Oslo React en una aplicaci\\u00f3n web progresiva totalmente funcional\",\"description\":\"En este art\\u00edculo explicamos las caracter\\u00edsticas principales y ganadoras de una PWA a partir de muestra tomada de la aplicaci\\u00f3n web Watson Content Hub Oslo React\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/oslo-react-pwa\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/author\\\/fschettinioriuenteed-com\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/author\\\/fschettinioriuenteed-com\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/orienteed.com\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/React.jpeg\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/oslo-react-pwa\\\/#mainImage\",\"width\":473,\"height\":266,\"caption\":\"React\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/oslo-react-pwa\\\/#mainImage\"},\"datePublished\":\"2020-03-26T00:00:00+01:00\",\"dateModified\":\"2024-09-25T14:02:35+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/orienteed.com\\\/en\\\/\",\"name\":\"Orienteed \\u2022 leading digital solutions.\",\"alternateName\":\"Orienteed\",\"description\":\"We transform technology into exceptional experiences.\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/orienteed.com\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Converting the Oslo React into a fully functional Progressive Web Application","description":"In this article we explain the principal features of a Progressive Web App (PWA) based on a demo through from the Watson Content Hub Oslo React web application.","canonical_url":"https:\/\/orienteed.com\/en\/oslo-react-pwa\/","robots":"max-snippet:-1, max-image-preview:large, max-video-preview:-1","keywords":"","webmasterTools":{"google-site-verification":"google-site-verification=OP49dSEB6tiqv44IxGOKRY9c8TyzfbjxeYPNhyxhcs8","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/orienteed.com\/en\/oslo-react-pwa\/#blogposting","name":"Convertir el Oslo React en una aplicaci\u00f3n web progresiva totalmente funcional","headline":"Convertir el Oslo React en una aplicaci\u00f3n web progresiva totalmente funcional","author":{"@id":"https:\/\/orienteed.com\/en\/author\/fschettinioriuenteed-com\/#author"},"publisher":{"@id":"https:\/\/orienteed.com\/en\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/orienteed.com\/wp-content\/uploads\/2020\/03\/React.jpeg","width":473,"height":266,"caption":"React"},"datePublished":"2020-03-26T00:00:00+01:00","dateModified":"2024-09-25T14:02:35+02:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/orienteed.com\/en\/oslo-react-pwa\/#webpage"},"isPartOf":{"@id":"https:\/\/orienteed.com\/en\/oslo-react-pwa\/#webpage"},"articleSection":"Desarrollo de Ecommerce, ecommerce, react"},{"@type":"BreadcrumbList","@id":"https:\/\/orienteed.com\/en\/oslo-react-pwa\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/orienteed.com\/en\/#listItem","position":1,"name":"Home","item":"https:\/\/orienteed.com\/en\/","nextItem":{"@type":"ListItem","@id":"https:\/\/orienteed.com\/en\/category\/desarrollo-ecommerce\/#listItem","name":"Desarrollo de Ecommerce"}},{"@type":"ListItem","@id":"https:\/\/orienteed.com\/en\/category\/desarrollo-ecommerce\/#listItem","position":2,"name":"Desarrollo de Ecommerce","item":"https:\/\/orienteed.com\/en\/category\/desarrollo-ecommerce\/","nextItem":{"@type":"ListItem","@id":"https:\/\/orienteed.com\/en\/oslo-react-pwa\/#listItem","name":"Convertir el Oslo React en una aplicaci\u00f3n web progresiva totalmente funcional"},"previousItem":{"@type":"ListItem","@id":"https:\/\/orienteed.com\/en\/#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/orienteed.com\/en\/oslo-react-pwa\/#listItem","position":3,"name":"Convertir el Oslo React en una aplicaci\u00f3n web progresiva totalmente funcional","previousItem":{"@type":"ListItem","@id":"https:\/\/orienteed.com\/en\/category\/desarrollo-ecommerce\/#listItem","name":"Desarrollo de Ecommerce"}}]},{"@type":"Organization","@id":"https:\/\/orienteed.com\/en\/#organization","name":"Orienteed","description":"Orienteed \u2022 We specialize in the development and implementation of digital solutions for your business. Digital Commerce, AI, PLM, Cloud Computing, QA, Testing and more.","url":"https:\/\/orienteed.com\/en\/","telephone":"+34981914837","foundingDate":"2016-03-04","numberOfEmployees":{"@type":"QuantitativeValue","minValue":10,"maxValue":50},"logo":{"@type":"ImageObject","url":"https:\/\/orienteed.com\/wp-content\/uploads\/2024\/12\/logo-orienteed-2024-destacado.png","@id":"https:\/\/orienteed.com\/en\/oslo-react-pwa\/#organizationLogo","width":1920,"height":1080,"caption":"logo orienteed 2025"},"image":{"@id":"https:\/\/orienteed.com\/en\/oslo-react-pwa\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=61555846676066","https:\/\/twitter.com\/orienteed","https:\/\/www.instagram.com\/orienteedsl\/","https:\/\/www.youtube.com\/@orienteed","https:\/\/www.linkedin.com\/company\/orienteed\/","https:\/\/www.yelp.es\/biz\/orienteed-sl-a-corua","https:\/\/www.threads.com\/@orienteedsl"]},{"@type":"Person","@id":"https:\/\/orienteed.com\/en\/author\/fschettinioriuenteed-com\/#author","url":"https:\/\/orienteed.com\/en\/author\/fschettinioriuenteed-com\/","name":"Francesco Schettini","image":{"@type":"ImageObject","@id":"https:\/\/orienteed.com\/en\/oslo-react-pwa\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/d64bbea2b81e2eedf01c882cc599e030115656fbdbbe5e1e5cb9b30f404744b9?s=96&d=mm&r=g","width":96,"height":96,"caption":"Francesco Schettini"}},{"@type":"WebPage","@id":"https:\/\/orienteed.com\/en\/oslo-react-pwa\/#webpage","url":"https:\/\/orienteed.com\/en\/oslo-react-pwa\/","name":"Convertir el Oslo React en una aplicaci\u00f3n web progresiva totalmente funcional","description":"En este art\u00edculo explicamos las caracter\u00edsticas principales y ganadoras de una PWA a partir de muestra tomada de la aplicaci\u00f3n web Watson Content Hub Oslo React","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/orienteed.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/orienteed.com\/en\/oslo-react-pwa\/#breadcrumblist"},"author":{"@id":"https:\/\/orienteed.com\/en\/author\/fschettinioriuenteed-com\/#author"},"creator":{"@id":"https:\/\/orienteed.com\/en\/author\/fschettinioriuenteed-com\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/orienteed.com\/wp-content\/uploads\/2020\/03\/React.jpeg","@id":"https:\/\/orienteed.com\/en\/oslo-react-pwa\/#mainImage","width":473,"height":266,"caption":"React"},"primaryImageOfPage":{"@id":"https:\/\/orienteed.com\/en\/oslo-react-pwa\/#mainImage"},"datePublished":"2020-03-26T00:00:00+01:00","dateModified":"2024-09-25T14:02:35+02:00"},{"@type":"WebSite","@id":"https:\/\/orienteed.com\/en\/#website","url":"https:\/\/orienteed.com\/en\/","name":"Orienteed \u2022 leading digital solutions.","alternateName":"Orienteed","description":"We transform technology into exceptional experiences.","inLanguage":"en-US","publisher":{"@id":"https:\/\/orienteed.com\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Orienteed \u2022 We transform technology into exceptional experiences.","og:type":"article","og:title":"Convertir el Oslo React en una aplicaci\u00f3n web progresiva totalmente funcional","og:description":"En este art\u00edculo explicamos las caracter\u00edsticas principales y ganadoras de una PWA a partir de muestra tomada de la aplicaci\u00f3n web Watson Content Hub Oslo React","og:url":"https:\/\/orienteed.com\/en\/oslo-react-pwa\/","og:image":"https:\/\/orienteed.com\/wp-content\/uploads\/2020\/03\/React.jpeg","og:image:secure_url":"https:\/\/orienteed.com\/wp-content\/uploads\/2020\/03\/React.jpeg","og:image:width":473,"og:image:height":266,"article:published_time":"2020-03-25T23:00:00+00:00","article:modified_time":"2024-09-25T12:02:35+00:00","article:publisher":"https:\/\/www.facebook.com\/profile.php?id=61555846676066","twitter:card":"summary_large_image","twitter:site":"@orienteed","twitter:title":"Convertir el Oslo React en una aplicaci\u00f3n web progresiva totalmente funcional","twitter:description":"En este art\u00edculo explicamos las caracter\u00edsticas principales y ganadoras de una PWA a partir de muestra tomada de la aplicaci\u00f3n web Watson Content Hub Oslo React","twitter:creator":"@orienteed","twitter:image":"https:\/\/orienteed.com\/wp-content\/uploads\/2020\/03\/React.jpeg"},"aioseo_meta_data":{"post_id":"223","title":"#post_title","description":"In this article we explain the principal features of a Progressive Web App (PWA) based on a demo through from the Watson Content Hub Oslo React web application.","keywords":null,"keyphrases":{"focus":{"keyphrase":"React","score":82,"analysis":{"keyphraseInTitle":{"score":9,"maxScore":9,"error":0},"keyphraseInDescription":{"score":9,"maxScore":9,"error":0},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":1},"keyphraseInURL":{"score":5,"maxScore":5,"error":0},"keyphraseInIntroduction":{"score":9,"maxScore":9,"error":0},"keyphraseInSubHeadings":{"score":3,"maxScore":9,"error":1},"keyphraseInImageAlt":{"score":3,"maxScore":9,"error":1},"keywordDensity":{"type":"best","score":9,"maxScore":9,"error":0}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"BlogPosting","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2022-10-05 14:18:40","updated":"2025-06-04 04:11:59","seo_analyzer_scan_date":null,"focus_keyword":"React","additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/orienteed.com\/en\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/orienteed.com\/en\/category\/desarrollo-ecommerce\/\" title=\"Desarrollo de Ecommerce\">Desarrollo de Ecommerce<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tConvertir el Oslo React en una aplicaci\u00f3n web progresiva totalmente funcional\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/orienteed.com\/en\/"},{"label":"Desarrollo de Ecommerce","link":"https:\/\/orienteed.com\/en\/category\/desarrollo-ecommerce\/"},{"label":"Convertir el Oslo React en una aplicaci\u00f3n web progresiva totalmente funcional","link":"https:\/\/orienteed.com\/en\/oslo-react-pwa\/"}],"_links":{"self":[{"href":"https:\/\/orienteed.com\/en\/wp-json\/wp\/v2\/posts\/223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/orienteed.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/orienteed.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/orienteed.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/orienteed.com\/en\/wp-json\/wp\/v2\/comments?post=223"}],"version-history":[{"count":0,"href":"https:\/\/orienteed.com\/en\/wp-json\/wp\/v2\/posts\/223\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/orienteed.com\/en\/wp-json\/wp\/v2\/media\/1568"}],"wp:attachment":[{"href":"https:\/\/orienteed.com\/en\/wp-json\/wp\/v2\/media?parent=223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/orienteed.com\/en\/wp-json\/wp\/v2\/categories?post=223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/orienteed.com\/en\/wp-json\/wp\/v2\/tags?post=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}