HackerNews 克隆是基于 HN 的官方 firebase API 、Vue 2.0 、Vue Router 和 Vuex 来构建的,使用服务器端渲染。

{% raw %}

{% endraw %}

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

[Source]

特性

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

结构概览

Hackernew clone architecture overview