https://github.com/codaxy/cxjs-hackernews

CxJS based Hacker News reader (progressive web application)
https://github.com/codaxy/cxjs-hackernews

Last synced: about 1 year ago
JSON representation

CxJS based Hacker News reader (progressive web application)

• Host: GitHub
• URL: https://github.com/codaxy/cxjs-hackernews
• Owner: codaxy
• License: other
• Created: 2017-06-11T22:05:14.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2023-01-24T19:16:39.000Z (over 3 years ago)
• Last Synced: 2025-04-30T22:55:41.537Z (about 1 year ago)
• Language: JavaScript
• Homepage: https://hn.cxjs.io
• Size: 1.21 MB
• Stars: 11
• Watchers: 3
• Forks: 3
• Open Issues: 18
• Metadata Files:
  • Readme: README.md
  • License: LICENSE-THIRD-PARTY.md

Awesome Lists containing this project

README

          
# CxJS Hacker News

This is a sample Progressive Web Application (PWA) built using 

CxJS, preact, firebase, Babel and webpack.

CxJS is commonly used 

to build large web applications which might be slow to start due to

large amount of JavaScript that needs to be loaded. This application

demonstrates the application shell architecture which allows fast startup

due to incremental code loading.

## Hosting

Live at https://hn.cxjs.io. 

Hosting is provided by [Netlify](https://www.netlify.com/), which also provides a free https certificate.

## Getting Started

Node.js 6+ is required.

1. Install packages using `yarn install` or `npm install`.

2. Start the app using `yarn start` or `npm start`

3. Use `yarn run build` to create a deployment package

## App Features

* Top stories in multiple categories

* Infinite scrolling of stories beyond top 30

* Comments with an option to expand replies

## Stack

* preact-compat - small-size React replacement

* firebase - HN API access and real-time updates

* CxJS:

    * app layout

    * state management

    * controllers

    * pushState navigation

    * custom components (infinite scrolling)

## Tools

* babel - ES transpilation

* webpack - code-splitting, production bundling, service-worker

* prettier - code formatting

## License

This application is a part of [the CxJS framework](https://cxjs.io). Please visit our website for more information

on [CxJS licensing](https://cxjs.io).