HackerNews 克隆 Example

HackerNews 克隆是基于 HN 的官方 firebase API 、Vue 2.0 、vue-router 和 vuex 来构建的，使用服务器端渲染。

Live Demo
注：如果在一段时间内没有人访问过该网站，则需要一些加载时间。

[Source]

特性

服务器端渲染
- Vue + vue-router + vuex
- 服务端数据提前获取
- 客户端状态 & DOM 合并
单文件 Vue 组件
- 开发时进行热加载
- 生产时抽出 CSS
使用 FLIP 动画进行实时列表更新

结构概览

Hackernew clone architecture overview