JavaScript CSS HTML
Latest commit 507aa6b May 16, 2017
addyosmani committed May 16, 2017 Land Workbox support. (#82)
* package.json: [sw-precache, sw-toolbox] => sw-cli

* precache config, runtime => sw-cli-config, sw-lib

* Add service-worker and runtime caching rules

* Move over to using sw-build

* Moves over to the Workbox libraries. (#81)


A React & react-router-powered implementation of Hacker News using its Firebase API.

react-hn screenshot

Live version:


  • Supports display of all item types: stories, jobs, polls and comments
  • Basic user profiles
  • Collapsible comment threads, with child counts
  • "Realtime" updates (free via Firebase!)
  • Last visit details for stories are cached in localStorage
  • New comments are highlighted:
    • Comments since your last visit to an item
    • New comments which load while you're reading an item
    • New comments in collapsed threads
  • Automatic or manual collapsing of comment threads which don't contain any new comments
  • Stories with new comments are marked on list pages
  • Stories can be marked as read to remove highighting from new comments
  • "comments" sections driven by the Changed Items API
  • Story listing pages are cached in sessionStorage for quick back button usage and pagination in the same session
  • Configurable settings:
    • auto collapse - automatically collapse comment threads without new comments on page load
    • show reply links - show "reply" links to Hacker News
    • show dead - show items flagged as dead
    • show deleted - show comments flagged as deleted in threads
  • Delayed comment detection - so tense! Who will it be? What will they say?

Feature requests are welcome!


Install dependencies:

npm install

npm scripts

  • npm start - start development server
  • npm run build - build into the public/ directory
  • npm run lint - lint src/
  • npm run lint:fix - lint src/ and auto-fix issues where possible
  • npm run precache - generates Service Worker in public/ directory

MIT Licensed