Progressive Web Apps (PWA) i SPA

@Shadowed
Mi nekako pricamo istu stvar drugim jezikom. Sve vreme govorim da je PWA nista vise nego standardizovani (znaci kroz razne OS-eve) nacin da runnujes web app kao "native" app. Primeti da sam stalno stavljao navodnike oko ovog native. To je zato sto se ne pretvara aplikaciju magicno u native app, nego je samo look & fell kao kod native app (tacnije startovanje), da imas ikonu, kliknes i dobijes aplikaciju, dal' u prozoru ili fullscreeen svejedno. PWA dolazi samo kao standard da se taj deo oko web aplikacije standardizuje unutar svakog OS i kao sto rekoh, PWA u browseru nema mnogo smisla (misllim na workflow gde otvoris browser, otkucas adresu ili stisnes bookmark i onda dobijes app, jer sve to imas i bez PWA, jedino nemas offilne mode), PWA nudi nacin da na isti nacin "instaliras" web app kroz razlicite platforme, prakticno da pises web app koji kasnije mozes da pozivas kao native app (opet, da pozivas kao native, ne da se magicno i pretvori u native app) i to je praktico cela sustina, da je standardizovano, u protvinom svako bi furao neku svoju tehnologiju kako da runnujes web app u desktop modu pa bi umesto jednog manifest fajla imao za svaku platformu posebno. Naravno imas i neke druge stvari, MS nudi WinRT, ali ako ides tim putem, onda mozes komotno da pises native jer polako specijalizujes web app za win. Eto, nadam se da je jasnije.

Ovo je deo oko kojeg se ne slazemo:

PWA nije samo to.
PWA je skup osobina sajta i to je samo jedna od njih. Cak nije ni najbitnija. OK, mozda tebi licno jeste, to je ok, zavisi od potreba. Ali, nije osnovna osobina a posebno ne jedina.
Imas na onoj google strani koju si linkovao link ka check listi - https://developers.google.com/web/progressive-web-apps/checklist
Tu imas Baseline checklist i Exemplary checklist. Ovo prvo su ono sto predstavlja osnovnu stvar kod PWA.

Potpis

Nebojsa Milanovic:
-Trumpa smatram vrhunskim predsednikom i voleo bih da živim u državi na čijem je on čelu
-Rusija ne laže, ne vodi osvajačke ratove
-Trump je svetla tačka u USA blatu
-Elon Musk, možda najpametniji i najtrezveniji Amerikanac

Hm, pa moja poenta je bas to, da PWA nudi tu standard i nista vise, razmisli samo, ti imas prakticno web app dodas manifest i tvoja web app je sada PWA enabled. Podji od te cek liste, cak sta vise, sam si i rekao negde u prethodnim postovima da to nije nista sto se i sada ne mozes uraditi, tacnije, PWA je samo standard koji kaze da je PWA enabled. Evo base lista:


Site is served over HTTPS - kod mene na SPA vec je to slucaj

Pages are responsive on tablets & mobile devices - nista novo, to se odavno radi, ne postoji PWA framework kako to da uradis, zavisi sta koristis

All app URLs load while offline - ovo je ono sto PWA zaista nudi

Metadata provided for Add to Home screen - ovo isto, upravo ono o cemu i pricam, glavni feature koji ne mozes da uradis samo sa web app

Site works cross-browser - yup, odavno standard na web app

Page transitions don't feel like they block on the network - react, angular, vue, sve zavisi koliko dobro baratas sa tehnologijama, opet nema veze sa PWA

Each page has a URL - isto kao i do sada za web app, ne znam kako ko radi, ali kod mene na raznim delovima SPA imas rute

Ovo je is base grupe, ako odes dalje, videces da sve to i sada radis, jer prakticno PWA enabled je u stvari vec postojeci sajt kome dodas manifest :)

Drugim recima, zamisli ovako, tvoj sajt nema manifest, uradis sve ovo sa checkliste, osim ovog za offline i install posto to nemas na webu, zatim dodas manifest fajl tvom sajtu, sta se to tvoja aplikacija drukcije ponasa u odnosu na pre? Pa apsolutno nista, osim sto si dobio feature za offline mode i da mozes da pinnujes ikonicu na desktiopu da izgleda kao native app. Ja iz ovog mogu da zakljucim da PWA nudi standard za runnovanje web apps kao desktop apps.

Samo sto ti gledas iz perspektive svojih aplikacija koje vec uspunjavaju razne uslove sa check liste. Ali, evo, da Gojko sad doda manifest na ES, da li bi ES bio PWA? Ne bi. Tu bi trebalo poraditi na znatno vecem broju stavki.
Zato sam pomenuo na pocetku da je PWA buzzword. To je samo skup zahteva koje sajt treba da ispunjava i koji mnogi sajtovi ispunjavaju mozda i duze nego sto PWA kao pojam postoji.

Btw, vidim da pises "PWA nudi...". Pwa ne nudi nista, on samo zahteva :) To je samo lista zahteva koje trebas da ispunis da bi mogao da kazes da ti je sajt PWA. Zamisli da je to kao neki sertifikat/diploma. A ti uslovi se ispunjavaju kroz postojece tehnologije. Mnoge si sam nabrojao da ih koristis. I taj manifest za homescreen nije tu zbog PWA nego je tu da bi mogao da dodas "app-like" shortcut na homescreen. PWA je samo to uvrstio u svoju listu.

Btw2, to sa homescreen-om podrzavaju neki browser-i ali ne svi i to se odnosi samo na mobilne uredjaje.

Potpis

Nebojsa Milanovic:
-Trumpa smatram vrhunskim predsednikom i voleo bih da živim u državi na čijem je on čelu
-Rusija ne laže, ne vodi osvajačke ratove
-Trump je svetla tačka u USA blatu
-Elon Musk, možda najpametniji i najtrezveniji Amerikanac