insin/react-hn

Stars
2,179
Rank 21,173 (Top 0.5 %)
Language
JavaScript
License
Other
Created about 10 years ago
Updated over 3 years ago

insin/react-hn

insin

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

React-powered Hacker News client

react-hn

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

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

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

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

nwb

A toolkit for React, Preact, Inferno & vanilla JS apps, React libraries and other npm modules for the web, with no configuration (until you need it)

control-panel-for-twitter

Browser extension which gives you more control over your Twitter timeline and adds missing features and UI improvements - available for desktop and mobile browsers

react-maskedinput

Masked <input/> React component

newforms

Isomorphic form-handling for React

msx

JSX for Mithril.js 0.x

react-heatpack

A 'heatpack' command for quick React development with webpack hot reloading

inputmask-core

Standalone input mask implementation, independent of any GUI

babel-plugin-react-html-attrs

Babel plugin which transforms HTML and SVG attributes on JSX host elements into React-compatible attributes

isomorphic-lab

Isomorphic React experimentation

DOMBuilder

DOM builder with multiple output formats

react-auto-form

Simplifies getting user input from forms via onChange and onSubmit events, using DOM forms APIs

react-router-active-component

Factory function for React components which are active for a particular React Router route

get-form-data

Gets form and field data via form.elements

react-lessons

Tool for creating and taking interactive React tutorials

react-examples

React… examples…

ad-hoc-reckons

control-panel-for-youtube

Browser extension which gives you more control over YouTube by adding missing options and UI improvements - for desktop & mobile browsers

remote_control_for_vlc

A VLC remote control written with Flutter

react-octicon

A GitHub Octicons icon React component

gatsby-plugin-dark-mode

A Gatsby plugin which handles some of the details of implementing a dark mode theme

react-filtered-multiselect

Filtered multi-select React component

redux-todomvc-es5

ES5 version of the Redux todomvc example

react-router-form

<Form> is to <form> as <Link> is to <a>

redux-action-utils

[DEPRECATED] Factory functions for reducing action creator boilerplate (pun not intended)

newforms-bootstrap

Components for rendering a newforms Form using Bootstrap 3

package-config-checker

Checks if your dependencies have package.json files config or an .npmignore for packaging

obs-bounce

OBS script to bounce a scene item around, DVD logo style or throw & bounce with physics

lifequote

React port of a life insurance quick quoting application

newforms-examples

Examples repository for newforms / React

ideas-md

A float-to-the-top ideas log built with React

djangoffice

Project management/CRM for small offices - Clients, Jobs, Tasks, Rates, Activities, Timesheets, Contacts, Invoices etc. etc.

tabata_timer

A Tabata training interval timer written with Flutter.

react-gridforms

React components for Gridforms form layout

newforms-gridforms

Grid Forms integration for newforms

comments-owl-for-hacker-news

Browser extension which makes it easer to follow comment threads on Hacker News across multiple visits, allows you to annotate and mute users, and other UI tweaks and mobile UX improvements

astro-lazy-youtube-embed

Embed YouTube videos with a static placeholder which only embeds when you click

reactodo

Multiple localStorage TODO lists, built with React

forum

A basic Django forum app with metaposts; uses redis for stats/tracking

react-plain-editable

[DEPRECATED] React component for editing plain text via contentEditable

ui-lib-samples

Misc impls of functionality with various JavaScript UI libs

react-dsl

Generate React components as DSLs for structural markup, such as that of CSS frameworks

soclone

The beginnings of a Stack Overflow clone

concur

Sugar for infectious JavaScript inheritance, metaprogramming & mixins

gulp-msx

Precompile Mithril views which use JSX into JavaScript

manage-twitter-engagement

Manage "engagement" on Twitter by moving retweets and algorithmic tweets to their own lists

hta-localstorage

Basic localStorage implementation for Internet Explorer HTML Applications (HTA)

caveat-utilitor

Personal GtHub repo status badges

sublime-sort-javascript-imports

Sublime Text package for sorting selected JavaScript import/require() lines by module name

greasemonkey

nwb-from-create-react-app

Examples of using nwb as an alternative to ejecting from create-react-app

nwb-sass

Sass plugin for nwb

templates

Reusable templates for various kinds of projects

sacrum

One codebase, two environments - single-page JavaScript apps in the browser, forms 'n links webapps on Node.js for almost-free

isomorph

Shared utilities for browsers and Node.js

update-object

Mirror of Facebook's update() immutability helper

substitute

Edits Twitter typos using s/this/that/ expressions

react-playground

React component for creating interactive coding playgrounds with preset examples

dinnertime

Cooking timer & scheduler with spoken instructions

validators

Validators which can be shared between browsers and Node.js

nwb-react-tutorial

An implementation of the React Tutorial using nwb's middleware

sublime-react-snippets

Sublime Text snippets for writing React components

eslint-config-jonnybuchanan

Personal ESLint setup as a single devDependency

insin.github.io

Static project & demo hosting

react-objecteditor

An <ObjectEditor/> React component

nwb-thinking-in-react

An implementation of the Thinking in React tutorial using nwb

nwb-examples

Examples of configuring nwb

stargaze

Watch a GitHub repo's star count, with change notifications on your desktop

nwb-less

Less plugin for nwb

babel-preset-proposals

A Babel 7 preset to manage experimental proposal plugin dependencies and usage

urlresolve

Resolves paths against URL patterns

shilefare

Dead simple local, temporary file sharing with Node.js

couch25k

Java MIDlet which tracks intervals for the Couch-to-5k running program

chainable-check

Create React.PropTypes-alike validators with an isRequired property

yak-stacker

An app for tracking your Yak Stack during programming sessions

cdogs-wii

Wii port of C-Dogs SDL using SDL Wii

deduped-babel-presets

[DEPRECATED] Babel 6 presets with shared dependencies manually deduplicated for npm2 compatibility

react-suggest

React components for implementing suggested completions

rllmuk-really-ignore-users

Really ignore ignored users, and ignore users in specific topics

react-split-date-input

Reusable split date input React component

njive

Node.js wrapper for the Jive API

bootstrap-4-nwb

Example app from "Using Bootstrap 4 from source with React and nwb"

react-node-time-tracker

A React clone of a Vue tutorial app

redbox-noreact

A fork of redbox-react which doesn't import React

POWDER-wii

Port files for the Wii version of POWDER ( http://www.zincland.com/powder/ )

just-dadjokes

Just the jokes from /r/dadjokes

gulp-flatten-requires

Flattens relative require('./<path>/<module>') calls to require('./<module>')

pixel-shifter

A React component for pixel-shifting text elements

event-listener

Simple function for addEventListener() vs. addEvent()

lmms

Linux MultiMedia Studio working directory

buildumb

Ultra-dumb exporter of Node.js modules for use in the browser

models

Models, models, everywhere. In the client and in the server.

countdown-file

Writes a countdown to a text file every second

django-vgdb

[OLD] Videogame database, opinion & story collector - begat django-mptt

iswydt

twitter-searchite

Quick creation of sites driven by polling a Twitter search

stackoverflow

Code from investigating/answering StackOverflow questions

cookdandbombd-really-ignore-users

Really ignore ignored users

mixinstance

Mix new things into an instance's prototype chain

successcrm

rllmuk-ignore-topics

Hide topics and forums you're not interested in on the Rllmuk forum