webpack/webpack.js.org

Dev - Convert to PWA (checklist)

Open

#1,400 opened on Jul 8, 2017

View on GitHub
 (7 comments) (0 reactions) (1 assignee)MDX (3,436 forks)github user discovery
EnhancementHelp WantedIn PlanningIn Progress

Repository metrics

Stars
 (2,268 stars)
PR merge metrics
 (PR metrics pending)

Description

  • Refactor naming convention for react components. ( #1490, #1538 )
  • Refactor structure of app specific code to live in /src dir. ( #1490, #1538 )
  • Eliminate FOIT (Flash Of Invisible Text). ( #1536 )
  • Consider inlining svg icons instead of including them as a font. ( #4192 )
  • Add Jest & create snapshot tests for react components.
  • Add service worker. ( #3000 )
  • Score at least a 92 on lighthouse.
  • Create Web App Manifest (using webpack-pwa-manifest maybe?).
  • Site appropriately informs the user when they're offline.
  • Site use cache first networking. ( #3000 )
  • Full offline support for all docs pages. ( #3000 )
  • Upgrade to use latest webpack.
  • Discuss: Inferno instead of Preact?

Score at least a 92 on lighthouse

Create Web App Manifest

As described here https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/

Site appropriately informs the user when they're offline

Contributor guide

Research direction
Focus on the unchecked items: add Jest snapshot tests for React components and implement offline user notification using Network Information API. Also evaluate whether to switch from Preact to Inferno.
Tech stack
javascriptnodejs
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
JavaScriptWebpackPWA concepts
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60