In 2020, the problem of wrapping HTML5 content for app stores is a well-solved one. Several open-source tools exist that

The Universal App Platform Architecture. The diagram illustrates the relationship between the Progressive Web App, the App shell for App Stores and how each are built and deployed respectively. High res image: https://github.com/bbc/uap-architecture/blob/main/container-diagram.png

There is no framework — the most important principle, we want to stand on the shoulders of giants and define a set of opinions that make building our experiences familiar to any developer who has worked on a modern web stack recently

It is clear that continuing to maintain our hybrid app wrapping framework in 2020 was unsustainable, so we decided to re-orientate ourselves around a series of principles to better inform a more sustainable technical approach to building experiences that can be shipped onto an app store.

We learnt that as of today, shipping Progressive Web Apps to many platforms is becoming a reality. Whether it is Androids support for PWAs in Google Play via a Trusted Web Activity, or support for modern web standards across a range of smart devices from Smart TVs to Fire TV Sticks — it’s clear this is a rapidly changing and improving field.

We know, however, that there will be gaps in platform support. These gaps require us to have a flexible architecture that puts modern web standards at the heart of our engineering but retains the ability to patch in polyfills/native implementations where required.

This is a significant product and technical change for us. We’re shifting our focus away from “we build native apps” to “we build immersive experiences for any platform”. This new way of thinking enables us to build consistency into the platform as a whole whilst also reducing the cost of building our products, reducing cognitive load across all disciplines and making room for us to focus on new product propositions.

A declarative, component-driven architecture will allow us to drive more re-use, increase consistency, and reduce platform-specific implementations across App Web. We chose React.js to enable us to build up this architecture

I stopped brushing his hair and gazed down at him in the mirror considering how I would respond. “Well, I don’t know for sure.” I replied, “Can you show me what part of your body is Asian, and what part is Black?”

Once we set out our principles, we ran some experiments to answer a series of questions. How hard can we push the web today? How close to an app store ready app can we get with little to no native engineering? Could we move all natively built user interface components out to web components? Could we avoid building our own hybrid app framework full stop?

Our unique and immersive user interfaces also means that we don’t need to match the native system look and feel. Having our own design system that kids are already familiar with, across all of our experiences, places us in a unique position where a single code implementation makes sense.

Emerging technology and open source tooling give us the capability of shipping compliant Progressive Web Apps to all app stores. We identified Ionic’s Capacitor.js to be the best choice to wrap compliant PWAs for app store distribution

I am a big fan of using the Socratic method for answering the difficult questions kids sometimes ask. It actually works great for the not so difficult ones too. Also, try “Did you google it?”

Progressive Web Apps are yet to make an appearance across any part of the Apple ecosystem, but we know Safari has been adopting more and more modern web standards which we can use to our advantage as we develop this technical strategy.

http://news7.totssants.com/izt/Video-decin-v-opava-v-cs-cs-1cwo-11.php

http://go.negronicocktailbar.com/gnl/v-ideos-Schwenninger-Wild-Wings-Adler-Mannheim-v-en-gb-1cfc-22.php

http://go.negronicocktailbar.com/gnl/v-ideos-Schwenninger-Wild-Wings-Adler-Mannheim-v-en-gb-1nvc-13.php

http://news7.totssants.com/izt/Video-decin-v-opava-v-cs-cs-1bju-23.php

http://go.negronicocktailbar.com/gnl/videos-Reyer-Venezia-Techmania-Battipaglia-v-en-gb-1ovz30122020-.php

http://news7.totssants.com/izt/Video-oskarshamn-v-djurgardens-v-sw-sw-1rfz-3.php

http://news7.totssants.com/izt/v-ideos-oskarshamn-v-djurgardens-v-sw-sw-1ynq-4.php

http://news7.totssants.com/izt/videos-oskarshamn-v-djurgardens-v-sw-sw-1mry-20.php

http://go.negronicocktailbar.com/gnl/video-HV71-Leksands-IF-v-en-gb-1lpa-21.php

http://news7.totssants.com/izt/v-ideos-oskarshamn-v-djurgardens-v-sw-sw-1tbm-9.php

http://news7.totssants.com/izt/videos-Lulea-Hockey-Frolunda-HC-v-en-gb-1lug30122020-.php

http://news7.totssants.com/izt/videos-Lulea-Hockey-Frolunda-HC-v-en-gb-1zxs30122020-1.php

http://go.negronicocktailbar.com/gnl/v-ideos-hv71-v-leksands-v-sw-sw-1gcd-3.php

http://news7.totssants.com/izt/v-ideos-Lulea-Hockey-Frolunda-HC-v-en-gb-1tnh-9.php

http://go.negronicocktailbar.com/gnl/v-ideos-hv71-v-leksands-v-sw-sw-1cur-20.php

http://go.negronicocktailbar.com/gnl/v-ideos-orebro-v-malmo-redhawks-v-sw-sw-1lsd-1.php

http://go.negronicocktailbar.com/gnl/Video-Maccabi-XT-Haifa-Hapoel-Kaukab-v-en-gb-1dal-.php

http://go.negronicocktailbar.com/gnl/videos-Maccabi-XT-Haifa-Hapoel-Kaukab-v-en-gb-1rnk-10.php

http://go.negronicocktailbar.com/gnl/Video-Maccabi-XT-Haifa-Hapoel-Kaukab-v-en-gb-1shy-23.php

http://go.negronicocktailbar.com/gnl/video-skelleftea-v-vaxjo-lakers-v-sw-sw-1zom-18.php

article is not to suggest the best frameworks or libraries. Instead, I will look at the past, present, and future of these so that you can make effective decisions for your future projects. Besides, most of these are likely to be among us for the next couple of years.

Modern web standards like Progressive Web Apps now give us the ability to build app quality experiences with just web technology — we should embrace the PWA as our core development environment and optimise for this as a priority