用Vue写了一个github-eplorer

github-explorer

Vue and React are both hot, SMOKING HOT!

源码地址

简介

这是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!

技术栈:

  1. VueJs BEST!!

  2. vue-router 路由

  3. vue-resource 数据获取

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

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

  6. Animation.css 动画效果

Get start

npm install
npm run dev
浏览器中输入localhost:3000,报错的话,请加上sudo。如果想直接看demo,可以看作者po上去的demo,因为两个的线上效果几乎一样。

Bugs

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

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

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

温馨提示

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

Reference

github-explorer

关键字:vue.js, react.js, vue, React

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部