github-explorer

Vue and React are both hot, SMOKING HOT!

源码地址
Live Demo
React版 Demo

简介

这是Vue版本的github-explorer。之前在掘金看到了一个React版本的github-explorer，觉得非常有趣，而且个人十分喜欢Vue，所以就用Vue重写了一遍。这两个版本的所有组件几乎一致，而且样式文件全都套用在了上面，不一样的地方或许就只有一个：Vue和React。
图片描述图片描述

简直就是一毛一样！

虽然我没有深入接触过React，但是React的食用方式是在畅快，几乎是看着React的组件你就能想到Vue的要怎么去写。原作者还用了RxJS来处理数据流和分配任务，这真的很棒，里面很多操作都是命令式的，非常易懂，而且action高度统一，全部命令都在actionFactory里面。但我觉得Vue要更棒，因为使用其原生的事件系统就能做到了，而且Vue本身就是以数据驱动，数据的流动十分的清晰。

对于一些视图转换和组件动画，我使用了Animation.css来进行处理，也是酸爽！

Vue and React are both awesome!

技术栈:

  • VueJs BEST！！

  • vue-router 路由

  • vue-resource 数据获取

  • Vuex 状态管理(其实不用也可以，只是我最近在学vuex，顺便练练手)

  • vue-cli 解决了一切的配置烦恼

  • Animation.css 动画效果

Get start

npm install
npm run dev

浏览器中输入localhost:3000，报错的话，请加上sudo。

Bugs

  • 还不支持readme的markdown文档，作者使用的是一个叫react-markdown的插件，我还没有开始写这个(因为懒)。

  • 视图切换的动画有时候会有点问题。

  • language color那一块不知道为什么安装不上github-colors，所以就没有使用。

温馨提示

因为工作比较忙，所以是趁着周末这段时间写出来的，快糙猛，很多地方可以写的更好的，而且应该还潜伏这很多bug。喜欢Vue或喜欢React的同学可以对比一下两个项目，相信有各自的体会。

喜欢就给个star呗:)

Reference

github-explorer

本文固定链接: http://www.js-code.com/vue-js/vue-js_25084.html