Pwa

example

  • mdn/pwa-examples
    1. a2hs : 홈 화면에 추가(A2HS) 작동 방식을 보여주기 위해 설정한 예입니다
    2. js13kpwa : js13kGames 2017 대회에 제출된 A-Frame 출품작 목록으로, Progressive Web Apps에 대한 MDN 기사의 예로 사용됩니다
  • SAP-samples/openui5-pwa-sample
    • HTML/JS 프레임워크로 프로그레시브 웹 앱을 구축할 수 있으며 OpenUI5도 예외는 아닙니다. 이 예제는 sap.m 라이브러리를 사용하여 간단한 PWA를 쉽게 빌드하는 방법을 보여줍니다.
  • leegeunhyeok/pwa-example 한글
    • SNS 앱 예제로 배우는 프로그레시브 웹 앱 실습 소스코드
    • simple server
  • codedesign-webapp/pwa-example
    • “Do it! 프로그레시브 웹앱 만들기” 책 실습 소스코드

doc

ServiceWorker 이모저모 이야기

Service worker를 사용해 PWA를 오프라인에서 동작하게 만들기

Using Service Workers

playground

PWA 만들기 첫걸음, 설치 가능한 웹앱 (샘플 코드)

리액트로 만든 페이지 Progressive Web App 으로 만들기

npm install -g create-react-app
create-react-app pwa-task-manager
cd pwa-task-manager
npm install --save react-router-dom

CRAv4 및 React 17 이후의 업데이트에서는 아래와 같이 폴더 생성해야 service-worker.js 파일이 생성 npx create-react-app pwa-task-manager --template cra-template-pwa

업데이트: