PWA with ReactJS | Progressive Web App

Поділитися
Вставка
  • Опубліковано 6 вер 2024
  • In this video, we are going to learn how to make a web apps progressive by adding native functionality.
    =========
    Progressive Web Apps (PWAs) are web apps that use service workers, manifests, and other web-platform features in combination with progressive enhancement to give users an experience on par with native apps.
    Service workers essentially act as proxy servers that sit between web applications, the browser, and the network (when available). They are intended, among other things, to enable the creation of effective offline experiences, intercept network requests and take appropriate action based on whether the network is available, and update assets residing on the server. They will also allow access to push notifications and background sync APIs.
    Web app manifests are part of a collection of web technologies called progressive web apps (PWAs), which are websites that can be installed on a device's homescreen without an app store. Unlike regular web apps with simple homescreen links or bookmarks, PWAs can be downloaded in advance and can work offline, as well as use regular Web APIs.
    A core part of the web app experience is for users to have app icons on their home screen, and be able to tap to open apps into their own native container that feels nicely integrated with the underlying platform.
    Code: github.com/adi...
    Follow Me
    / thisisadityak
    / dev_adityakmr
    github.com/adi...
    Support Channel
    / adityakmr
    www.buymeacoff...
    Products I Use:
    MacBook Air: amzn.to/3qYBLpL
    iPhone: amzn.to/3H3NCs0
    Mic: amzn.to/3FTwJPu
    Screen: amzn.to/32ufnLo
    Articles
    adityakmr.hash...
    adityakmr.hash...
    #pwa #reactjs #webdevelopment #adityakmr

КОМЕНТАРІ • 20

  • @eyilachewlema3130
    @eyilachewlema3130 Рік тому +2

    i can't see offline.html page in the code where comes from ?

  • @Mostafa-jj9ng
    @Mostafa-jj9ng 2 роки тому +1

    great man , thank u so much , love this

  • @Dipj01
    @Dipj01 2 місяці тому

    11:15 start from here

  • @0GERA0
    @0GERA0 Рік тому +1

    Amazing, thanks a lot !

  • @melegao
    @melegao 2 роки тому +1

    Amazing video. Thanks

  • @rhouzmerii
    @rhouzmerii 5 місяців тому

    Does it work on production?

  • @BSenta
    @BSenta Рік тому

    Hahah thank you finally a guide that doesn't tell us to use CRA or some stupid bootstrapping lib

  • @user-fw5rd4xo8t
    @user-fw5rd4xo8t 2 роки тому

    감사합니다.

  • @SankalpSachan-ky5ic
    @SankalpSachan-ky5ic Рік тому

    thanks bud!

  • @K.Huynh.
    @K.Huynh. 9 місяців тому

    thanks

  • @sabbirshuvo918
    @sabbirshuvo918 Рік тому

    Thank you 😊

  • @saranshmehrotra87
    @saranshmehrotra87 2 роки тому

    Thank You

  • @ravimandrawal7392
    @ravimandrawal7392 Рік тому

    thanks aditya

  • @techgix
    @techgix Рік тому +1

    can i upload pwa to google store and app store ?

    • @aserpent
      @aserpent 6 місяців тому +1

      You don't have to, that is kind of the point eh? Users can download from your https website.

  • @iShubhamPanchal
    @iShubhamPanchal Рік тому +2

    please reply as soon as possible sir, i want to develop a pwa which can post the location coordinates of the user to the backend with user consent even in the backgroud. basically i want to track the user's location. how to do it sir. please reply

  • @yoeyoe7217
    @yoeyoe7217 Рік тому

    like bro

  • @maheshchugani9928
    @maheshchugani9928 Рік тому

    nice can you do some work with us long term

  • @EduardoSilva-lf2ho
    @EduardoSilva-lf2ho 2 роки тому +1

    😃👏👍

  • @miguela.hamouic.8759
    @miguela.hamouic.8759 Рік тому

    wow, not explain at all..