http://insin.github.io/react-hn/

React-powered Hacker News client
http://insin.github.io/react-hn/

firebase hacker-news react react-app

Last synced: 29 days ago
JSON representation

React-powered Hacker News client

• Host: GitHub
• URL: http://insin.github.io/react-hn/
• Owner: insin
• License: other
• Created: 2014-10-09T13:22:36.000Z (over 9 years ago)
• Default Branch: classic
• Last Pushed: 2021-03-14T14:33:33.000Z (over 3 years ago)
• Last Synced: 2024-04-14T09:17:21.592Z (3 months ago)
• Topics: firebase, hacker-news, react, react-app
• Language: JavaScript
• Homepage: https://insin.github.io/react-hn
• Size: 601 KB
• Stars: 2,174
• Watchers: 54
• Forks: 329
• Open Issues: 34
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Lists

• awesome-hacker-news - React HN
• awesome-hacker-news - React HN

README

        
# [react-hn](https://insin.github.io/react-hn)

A [React](http://facebook.github.io/react) &

[react-router](https://github.com/rackt/react-router)-powered implementation of

[Hacker News](https://news.ycombinator.com) using its

[Firebase API](https://github.com/HackerNews/API).

[![react-hn screenshot](https://github.com/insin/react-hn/raw/master/screenshot.png "New comment highlighting in react-hn")](https://insin.github.io/react-hn)

Live version: https://insin.github.io/react-hn

## Features

* Supports display of all item types:

  [stories](https://insin.github.io/react-hn/#/story/8863),

  [jobs](https://insin.github.io/react-hn/#/job/8426937),

  [polls](https://insin.github.io/react-hn/#/poll/126809) and

  [comments](https://insin.github.io/react-hn/#/comment/8054455)

* Basic [user profiles](https://insin.github.io/react-hn/#/user/patio11)

* 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

* Manual highlighting of the X most recent comments to catch up on threads you were reading elsewhere

* 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!](https://github.com/insin/react-hn/issues/new)

## Building

Install dependencies:

```

npm install

```

### npm scripts

* `npm start` - start development server

* `npm run build` - build into the `dist/` directory

* `npm run lint` - lint `src/`

* `npm run lint:fix` - lint `src/` and auto-fix issues where possible

## MIT Licensed