Skip to content
React-powered Hacker News client
Branch: master
Clone or download
addyosmani 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)
Latest commit 507aa6b May 16, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public Land Workbox support. (#82) May 16, 2017
src
.babelrc
.eslintignore
.gitignore Update build/deps/improve perf (#66) Oct 13, 2016
LICENSE.md Use nwb for development Dec 1, 2015
README.md
TODO.md
app.yaml Update scaling config Jul 16, 2016
generate-sw.js
hn-server-fetch.js Add support for server-side rendering Top Stories & Comments (#47) Jun 23, 2016
nwb.config.js Update build/deps/improve perf (#66) Oct 13, 2016
package.json Land Workbox support. (#82) May 16, 2017
screenshot.png Update screehshot Mar 3, 2015
server.js Update build/deps/improve perf (#66) Oct 13, 2016

README.md

react-hn

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

react-hn screenshot

Live version: https://react-hn.appspot.com/

Features

  • 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!

Building

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

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.