Please enable JavaScript.

Coggle requires JavaScript to display documents.

Angular PWA - Coggle Diagram

- - - - "installMode": prefetch or lazy
      - "name": we can name whatever we what for the group
      - "resources"
        
        "files": files to be cached like favicon, css, js
        
        file name will be hashed but we don't need to worry about it here. Angular takes care of it for us
        
        "urls"
        
        e.g external css like google font
  - - - "name" of our choice
      - "urls"
      - "version": number of api versions ( data will be cahced side by side)
      - "cacheConfig": config object
        
        "maxSize": number of requests wanna to be cached
        
        "maxAge": valid time period for chache data
        
        e.g "1d", "12h", "50m"
        
        "timeOut": how long we are willing to wait for response before falling to cached data
        
        e.g "10s"
        
        "strategy"
        
        "freshness": only reach out to backend if offline
        
        according to "timeOut"
        
        "performance": show the cached data first if it is still valid. Otherwise, get response from backend.
        
        according to "maxAge"