https://github.com/drylikov/react_hn

React-powered Hacker News client.
https://github.com/drylikov/react_hn

Last synced: 8 days ago
JSON representation

React-powered Hacker News client.

• Host: GitHub
• URL: https://github.com/drylikov/react_hn
• Owner: drylikov
• License: mit
• Created: 2024-07-15T23:12:32.000Z (4 months ago)
• Default Branch: drylikov
• Last Pushed: 2024-07-15T23:23:50.000Z (4 months ago)
• Last Synced: 2024-07-16T03:12:00.359Z (4 months ago)
• Language: JavaScript
• Size: 170 KB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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).

## Features

* 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?

## 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