pwa resources

PWA 리소스

진보적 인 웹 앱을 구축하는 법을 배우기위한 선별 된 리소스 모음?

ShareUp의 사람들이 ♥와 함께 선별하고 관리합니다. 우리는 고용 중입니다! 우리와 함께 위대한 것들을 세우십시오.

PWA에 대한 최신 리소스를 찾는 것은 종종 어려웠습니다. 우리는 우리를 도와 주거나 #readlater 목록에있는 링크를 한 곳으로 수집하고 싶었습니다.

PWAS의 표준과 기술은 수년에 걸쳐 변경되었지만 2015 년부터 참조를 찾는 많은 리소스가 바뀌 었습니다. 그럼에도 불구하고 일부 오래된 리소스 중 일부는 유용하므로 "이 리소스는 필요할 때 약간의 구제 일 수 있습니다" 라는 라벨을 붙이려고 노력했습니다.

새로운 리소스를 제안 할 수 있습니까?

예! resources.ts 용 PR을 만들거나 [email protected]로 이메일을 보내십시오.

이것은 PWA입니다

우리는 WMR 자체를 캐시하고 오프라인으로 작동하는 작은 PWA를 신속하게 구축하고 싶었습니다. 좋아하는 리소스와 indexedDB에 지속될 수 있으며 홈 화면에 설치할 수 있습니까?

이 PWA의 기술 스택은 무엇입니까?

• 모든 코드는 TypeScript 및 CSS 모듈로 작성됩니다.
• WMR은 우리의 개발자 서버 및 번들입니다
• PreAct 및 PreAct-Iso는 서버 측 및 클라이언트 측 모두 HTML을 렌더링하고 두 경우 모두 라우팅을 제공하며 대화식 부품 클라이언트면을 수화시킵니다.
  • 우리는 편향되어 있으며 기능성 구성 요소 + 후크 만 사용합니다.
• IDB는 INDEXEDDB 액세스를 약속하는 데 사용하는 환상적인 라이브러리입니다.
• CSS 사용자 정의 속성은 스타일 값을 동적으로 제어하려는 방법입니다.
• 바닐라 서비스 작업자가 캐싱 및 오프라인 액세스를 처리합니다.

작품은 환상적입니다!

예, 우리는 동의합니다! Adam은 사이트에 대한 정말 재미있는 삽화를 만드는 훌륭한 일을했습니다. ???

토 도스

• 스프링 보드에 설치할 때 iOS가 모든 자산을 사전 캐시하도록 강요 할 수 있습니까?
• https://github.com/preactjs/wmr/tree/main/packages/sw-plugin을 다시 방문하고 그것이 작동하지 않는 이유를 문서화하십시오