Skip to content

taehwanno/hnpwa-react

Repository files navigation

HNPWA with React Build Status

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

$ 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