Waarom mobiele apps op het punt staan ​​te eindigen

Mobiele apps zijn een integraal onderdeel van iOS en Android. En waarom hebben we besloten dat ze zouden eindigen? Dit zijn PWA’s (Progressive Web Applications). Dit zijn webapplicaties gebouwd op front-end technologieën (HTML, CSS, JavaScript). Simpel gezegd, mobiele versies van websites zullen in de toekomst mobiele apps vervangen. En niet omdat we dat hebben besloten, het gaat om de mogelijkheden van het web, die elk jaar worden uitgebreid.

Terwijl oudere sites op de server werden weergegeven, worden tegenwoordig veel nieuwe projecten in SPA-indeling ontwikkeld, waarbij de meeste code in de browser wordt gevonden en weergegeven. Hierdoor konden ontwikkelaars het proces van het maken van complexe interfaces aanzienlijk vereenvoudigen. Populaire reactieve bibliotheken zijn onder meer React, Vue en Svelte. Ze vormen de basis van de meeste Progressive Web Apps.

Om beter te begrijpen wat er op het spel staat, kun je als voorbeeld Facebook, VK of Twitter nemen. Ze zijn allemaal geschreven met behulp van de React-bibliotheek, die trouwens door Facebook zelf is ontwikkeld; De Russische programmeur Dan Abramov speelt een sleutelrol in de ontwikkeling. En zij is het die ervoor zorgt dat de applicatie reactief is en aanvoelt als een echte applicatie op smartphones.

  

Wat is “reactiviteit”?

Probeer een willekeurige actie in de mobiele Twitter-app, zoals het wisselen van tabblad. U zult merken dat de pagina niet opnieuw wordt geladen. Dit is de basis voor reactiviteit wanneer de pagina werkt zonder te herladen. En dit is precies wat het in de toekomst mogelijk zal maken om mobiele applicaties te verlaten.

Maar in feite is dit niet het enige punt. Conventioneel reactievermogen is niet voldoende om een ​​web-app eruit te laten zien als een native mobiele app. Hiervoor bedachten ze PWA. Het is een webtechnologie waarmee u responsieve apps op smartphones kunt installeren, ondersteuning voor meldingen kunt toevoegen, de statusbalk kunt opmaken in overeenstemming met de kleur van de app en de browserinterface kunt verwijderen.

De technologie zelf werkt in de browser, dus er is nog een ander belangrijk punt dat de popularisering van PWA aanzienlijk kan beïnvloeden – dit is de API die door de browser wordt geleverd. Met Chrome kunnen ontwikkelaars tegenwoordig bijvoorbeeld veel verschillende informatie uit het besturingssysteem halen. Dit is de aanwezigheid van een actief donker thema, informatie over de hoeveelheid lading op de smartphone, de grootte van RAM, enz. Wanneer u bijvoorbeeld naar een bron op uw apparaat gaat, kan het thema van de site zich automatisch aanpassen aan het thema van uw besturingssysteem. Geweldig, niet? U kunt de reactiviteit van de webversie van Telegram controleren door deze link te volgen.

Voorbeelden van PWA-toepassingen:
Rekenmachine
Instagram
Twitter Lite

PWA App Store

Ook ondersteunt de Google App Store al PWA in TWA-modus (Trusted Web Activity). Op deze manier kunnen ontwikkelaars hun JavaScript-apps eenvoudig rechtstreeks in Google Play integreren zonder een volledige native mobiele app te hoeven ontwikkelen. En dit is precies waar de markt voor mobiele software in de toekomst naar toe zal gaan, daar twijfel ik niet aan.

Bedrijven streven er altijd naar om de ontwikkelingskosten te verlagen. Dit is hoe Electron verscheen – een JavaScript-bibliotheek waarmee u desktop-applicaties (Notion, Slack en anderen) kunt ontwikkelen op basis van webtechnologieën.

Flutter is momenteel populair in de markt voor het ontwikkelen van mobiele apps. Dit is een Google SDK, waarmee ontwikkelaars tegelijkertijd mobiele apps voor iOS en Android kunnen maken zonder aparte code in Swift en Kotlin te hoeven schrijven. Naar mijn mening is dit een tussenfase, uiteindelijk zullen we een volledige komst van PWA zien, simpelweg omdat het bedrijf nu zelfs niet aan Flutter hoeft uit te geven: een webapplicatie is voldoende.

Een andere interessante technologie is het Houdini-project, dat door Google wordt ontwikkeld. Hiermee worden webapplicaties qua uiterlijk extreem flexibel. Hier is een eenvoudig voorbeeld:

Dit project is nog in ontwikkeling, maar Google heeft er tijdens de laatste conferentie veel tijd aan besteed.

0 Shares:
You May Also Like