文件列表:

.travis.yml (1005, 2020-10-06)
CONTRIBUTING.md (1837, 2020-10-06)
api/ (0, 2020-10-06)
api/.firebaserc (79, 2020-10-06)
api/app.yaml (113, 2020-10-06)
api/firebase.json (460, 2020-10-06)
api/functions/ (0, 2020-10-06)
api/functions/index.js (262, 2020-10-06)
api/functions/package-lock.json (91472, 2020-10-06)
api/functions/package.json (452, 2020-10-06)
api/package-lock.json (269021, 2020-10-06)
api/package.json (789, 2020-10-06)
api/src/ (0, 2020-10-06)
api/src/deploy.ts (265, 2020-10-06)
api/src/index.ts (587, 2020-10-06)
api/tsconfig.json (303, 2020-10-06)
api/yarn.lock (219766, 2020-10-06)
docs/ (0, 2020-10-06)
docs/api.md (2906, 2020-10-06)
media/ (0, 2020-10-06)
media/logo.png (55486, 2020-10-06)
site/ (0, 2020-10-06)
site/.firebaserc (52, 2020-10-06)
site/Gemfile (811, 2020-10-06)
site/Gemfile.lock (1164, 2020-10-06)
site/_apps/ (0, 2020-10-06)
site/_apps/angular-dart-hnpwa.txt (1017, 2020-10-06)
site/_apps/angular-hacker-news.txt (1046, 2020-10-06)
site/_apps/angular-hn.txt (961, 2020-10-06)
site/_apps/angular-hnpwa.txt (1045, 2020-10-06)
site/_apps/apprun-hn.txt (917, 2020-10-06)
site/_apps/compost-hn.txt (895, 2020-10-06)
site/_apps/cxjs-hackernews.txt (997, 2020-10-06)
site/_apps/cycle-hn.txt (850, 2020-10-06)
site/_apps/dojo-2.txt (916, 2020-10-06)
site/_apps/elm-hnpwa.txt (885, 2020-10-06)
... ...

Hacker News readers as Progressive Web Apps. A spiritual successor to TodoMVC.

--- ## Implementations See our [site](https://hnpwa.com/) or the `site/apps` directory for the current list of implementations. ## Specification Each implementation must include: * Views: Hacker News Top Stories, New, Show, Ask, Jobs & threaded Comments * Each of these should use routing to enable sharability. For reference, see the [PreactHN](https://hn.kristoferbaxter.com/) implementation. * App must display 30 items per-page for story list views * App must be a [Progressive Web App](https://g.co/ProgressiveWebApps) * App must score over a 90/100 using [Lighthouse](https://github.com/GoogleChrome/lighthouse) * App must aim to be interactive in under 5 seconds on a Moto G4 over 3G. Use [WebPageTest](https://www.webpagetest.org/easy) using the auto-selected Moto G4 + Faster 3G setting to validate "Time to interactive" * We look at numeric Lighthouse scores for TTI as well as a manual inspection of the application's Timeline "trace" and [Filmstrip](https://www.webpagetest.org/video/compare.php?tests=170514_00_bb389f33405b558ea644b37f565c8a56-r:1-c:0) as a sanity check. * App must use the [Application Shell](https://developers.google.com/web/fundamentals/architecture/app-shell) pattern to instantly load the skeleton of the UI on repeat visits * App is responsive on desktop and mobile, making best use of available screen real-estate. See [Vue HN](https://vue-hn.now.sh/top) as an example. * App must do its best to work cross-browser Optionally: * App supports offline caching of HN data (e.g similar to the 'Offline Mode' in ReactHN) * App may use server-side rendering so displaying content is resilient to JS not loading on the network User interface: * At this time, HNPWA does not prescribe a specific stylesheet or theme for implementations. We will be aiming to provide this in the near future similar to how we do with TodoMVC. ### Data sources * [Official real-time Hacker News API powered by Firebase](https://github.com/HackerNews/API) * [Unofficial Hacker News API](https://github.com/cheeaun/node-hnapi) by cheeaun If using the Firebase powered API please use 30 stories per-page to ensure consistency between implementations using the Unofficial API as well as the actual [Hacker News website](https://news.ycombinator.com/) ## Network settings * Emerging Markets: Chrome Beta on a Motorola G (gen 4) tested from Dulles, Virginia on a 400 Kbps 3G connection with 400ms of latency. Tested with [WebPageTest](https://www.webpagetest.org/easy) using the auto-selected Moto G4 + Emerging Markets setting. * Faster 3G: Chrome Beta on a Motorola G (gen 4) tested from Dulles, Virginia on a 1.6 Mbps 3G connection with 300ms of latency. Tested with [WebPageTest](https://www.webpagetest.org/easy) using the auto-selected Moto G4 + Faster 3G setting. * `Time to Interactive` readings taken from linked Lighthouse results in WebPageTest. ## License Each implementation preserves the license noted in the linked to applications.

近期下载者：

相关文件：

评论：[我要评论] [举报此文件]

收藏者：