Skip to content
github-explorer using redux
JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
cfg
dist
src
test
.babelrc
.editorconfig
.eslintrc
.gitattributes
.gitignore
.yo-rc.json
README.md
karma.conf.js
package.json
server.js
webpack.config.js

README.md

使用redux改写的github-explorer

Introduction

刚学习了redux不久,恰好看到一个优秀的react项目github-explorer,该应用使用了RxJS去处理数据流,为了巩固学习便有了使用redux改写的想法。

源码地址 DEMO地址

自定义中间件

应用中使用了自定义个中间件api,方便编写异步的 action creators。异步action可以定义成以下方式

export function loadUserProfileRepos (username) {
  return {
    types: [USER_PROFILE_REPOS_REQUEST, USER_PROFILE_REPOS_RECEIVED, USER_PROFILE_REPOS_FAILURE],
    callAPI: () => api('fechURL`)
  }
}

中间件接收到这种形式的action,会处理异步请求并在适当的时候dispatchtypes中的各项。

其他

应用的拉取数据的进度条方面,负责拉取状态reducer在接收到诸如xx_REQUESTxx_RECEIVED的actions后,会更新表示进度条状态的数据。

因为只是巩固redux学习,所以原应用的部分动画效果没有加上。

除了数据流部分,应用大部分都是照搬了原应用。

#dependencies 使用了redux后加上的依赖

  • redux
  • react-router-redux

Development

开发

npm install
npm run start

打包

npm run dist

Reference

github-explorer redux 文档

You can’t perform that action at this time.