Nie uwierzysz jak bardzo PWA zmieni Twoją stronę!

PWA, czyli Progressive Web App, to jak super naładowana strona internetowa, która zachowuje się trochę jak aplikacja na telefon. Część "Progressive" oznacza, że aplikacja staje się lepsza, jeśli Twój urządzenie może obsłużyć bardziej zaawansowane funkcje, takie jak powiadomienia push. (pokaż, co może PWA) "Web" oznacza, że aplikacja żyje w internecie, a nie w sklepie z aplikacjami. "App" jest tam, ponieważ może robić rzeczy jak aplikacja, na przykład działać offline lub wysyłać Ci powiadomienia. To jak strona internetowa, która zyskała supermoce, by działać bardziej jak aplikacje na Twoim telefonie! Jak przekształcić dowolną aplikację HTML/CSS/JS w PWA? Dodaj: Manifest Service worker I gotowe! Tak. To naprawdę wszystko. Ale co to jest manifest? Manifest po angielsku oznacza "okazywać", "pokazywać". Manifest pokazuje/wyświetla informacje o Twojej aplikacji. To specjalny plik, który mówi Twojemu telefonowi lub komputerowi, jak traktować stronę jak aplikację. Zawiera informacje takie jak: Jak powinna się nazywać aplikacja, Jakiej ikony użyć, Itd. Service worker to skrypt JS. Jest jak mały pomocnik-robot, który żyje w Twojej przeglądarce. Stoi pomiędzy Twoją aplikacją a internetem, buforując i przechowując ważne rzeczy. Główna rola service workera to zarządzanie cache'owaniem. Przechowuje on ważne pliki (takie jak HTML, CSS, JavaScript, obrazy), aby Twoja aplikacja mogła działać offline lub przy słabym połączeniu z internetem. Ta funkcjonalność offline to prawdziwy przełom, sprawiając, że PWA bardziej przypomina natywną aplikację. Service worker stoi pomiędzy Twoją PWA a siecią. Może przechwytywać żądania sieciowe i decydować, czy dostarczyć zbuforowaną wersję pliku, czy pobrać ją z internetu. To pomaga w dostarczaniu szybkich i niezawodnych doświadczeń użytkownikom. Service workers umożliwiają synchronizację w tle i powiadomienia push. Oznacza to, że Twoja aplikacja może synchronizować dane z serwerem, nawet gdy nie jest aktywna, a użytkownicy mogą otrzymywać powiadomienia, nawet jeśli aplikacja nie jest otwarta. Więcej o PWA i REACT: https://www.udemy.com/course/react-od...