Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
letrungdo authored Dec 12, 2019
1 parent 1e61976 commit 2774dae
Showing 1 changed file with 19 additions and 15 deletions.
34 changes: 19 additions & 15 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,20 +1,15 @@
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
# PWA report

### - PWA official docs: https://developers.google.com/web/ilt/pwa?hl=en
## - Issues:
Almost very few issues and have been resolved.
https://github.com/letrungdo/react-pwa-demo/issues/1

## Transform a React App into a Progressive Web App (PWA)
### Ref:
- https://medium.com/@toricpope/transform-a-react-app-into-a-progressive-web-app-pwa-dea336bd96e6
- https://appdividend.com/2018/03/14/how-to-build-progressive-web-application-using-react-js/
- https://pusher.com/tutorials/pwa-react

### Performance Best Practice:
- https://medium.com/@paularmstrong/twitter-lite-and-high-performance-react-progressive-web-apps-at-scale-d28a00e780a3
- https://addyosmani.com/blog/progressive-web-apps-with-react/
- React => Preact: https://medium.com/dev-channel/treebo-a-react-and-preact-progressive-web-app-performance-case-study-5e4f450d5299

### ================================================================================================
# - Demo
- Source: https://github.com/letrungdo/react-pwa-demo
- Demo: https://react-pwa-demo.herokuapp.com

# ----------------- How to use PWA -----------------
Transform a React App into a Progressive Web App (PWA)
### Step 1: Register a Service Worker
##### 1.1 Create a new worker.js file in the public folder (public/worker.js) and add the following code:
```typescript
Expand Down Expand Up @@ -208,4 +203,13 @@ Add the following code inside <head> tag in the index.html file
<meta name="apple-mobile-web-app-capable" content="yes">
```

### > DONE <
### Ref:
- PWA official docs: https://developers.google.com/web/ilt/pwa?hl=en
- https://medium.com/@toricpope/transform-a-react-app-into-a-progressive-web-app-pwa-dea336bd96e6
- https://appdividend.com/2018/03/14/how-to-build-progressive-web-application-using-react-js/
- https://pusher.com/tutorials/pwa-react

### Performance Best Practice:
- https://medium.com/@paularmstrong/twitter-lite-and-high-performance-react-progressive-web-apps-at-scale-d28a00e780a3
- https://addyosmani.com/blog/progressive-web-apps-with-react/
- React => Preact: https://medium.com/dev-channel/treebo-a-react-and-preact-progressive-web-app-performance-case-study-5e4f450d5299

0 comments on commit 2774dae

Please sign in to comment.