Skip to content
Inferno-powered Hacker News client
Branch: master
Clone or download
Pull request Compare This branch is 4 commits ahead, 1 commit behind insin:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
src
.babelrc
.eslintignore
.gitignore
LICENSE.md
README.md
TODO.md
app.yaml
hn-server-fetch.js
nwb.config.js
package.json
screenshot.png
server.js
sw-precache-config.json

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.