HNPWA with React

Hacker News readers as Progressive Web Apps with React, React Router, Redux, Immutable.js

Live Demo: https://hnpwa-react.firebaseapp.com/

Features

• Framework / UI libraries: React, React Router
• State Management: Redux, Immutable.js
• Module Bundling: Webpack
• Service Worker
  • Application Shell
  • Data caching with Workbox
  • Offline Google Analytics with workbox-google-analytics
• Performance Patterns
  • Client-side state & DOM hydration
  • Server-side data pre-fetching
  • Preload / Prefetch resources
• Hosting: Firebase
• Server Side Rendering with Google Cloud Functions

Prerequisites

• node v8.5.0
• yarn
• bundler

$ git clone https://github.com/taehwanno/hnpwa-react.git
$ cd hnpwa-react
$ yarn install
$ bundle install
$ cd functions && yarn install && cd ..

Scripts

# Run dev server at 8080 port
$ yarn start

# Analyze bundle with webpack-bundle-analyzer
$ yarn analyze
$ yarn analyze:cache

# Lint with eslint, scss-lint
$ yarn lint
$ yarn lint:js
$ yarn lint:scss

# Test
$ yarn test
$ yarn test:watch
$ yarn test:coverage

# Build for client, server bundle
$ yarn build
$ yarn build:client
$ yarn build:server

# Run storybook at 9001 port
$ yarn storybook

Storybook

https://taehwanno.github.io/hnpwa-react/

License

MIT Taehwan, No