apple-basket-redux

KO | EN

gitlite — search

#javascript #hacktoberfest #ai #typescript #go #golang #macos #nodejs #cli #vue #awesome-list #pytorch #openai #mcp

apple-basket-redux

(★ 123)

🍎 苹果篮子，一个微型的redux/mobx演示(附多版本)

apple-basket-redux Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# apple-basket-redux
![](https://raw.githubusercontent.com/ckinmind/apple-basket-redux/master/src/images/demo.gif)

一个微型的在react中应用redux/mobx的demo演示, 在线访问[https://ckinmind.github.io/apple-basket-redux/](https://ckinmind.github.io/apple-basket-redux/),

## 技术栈
- React.js with ES6
- Redux/Mobx for predictable state
- Redux-thunk for middleware
- immutable for persistent data
- fetch for request / jQuery for ajax
- Webpack for building tool

## 项目说明
- 本项目来自文章[《实例讲解基于 React+Redux 的前端开发流程》](https://segmentfault.com/a/1190000005356568)
- 原文章没有提供完整的实现代码，本项目是原文章的完整实现
- 摘苹果的ajax请求地址使用的hackernews的api,只是为了让请求走通，数据还是自己mock
- 最新版本增加了mobx的实现方案，通过调整src/index.js的注释来切换两种方式
- 关于`npm start`运行不成功的可能解决方案, 查看[issue 15](https://github.com/ckinmind/apple-basket-redux/issues/15)
- 关于`npm install`中遇到问题，`phantomjs-prebuilt`这个包下载失败，请使用`cnpm install`使用淘宝源

## 版本更新(查看Branch / Tags)
- **[v1.5]**: 增加mobx的实现方式，可以对比redux方案和mobx方案实现的优缺, 详细更新说明 [issue 13](https://github.com/ckinmind/apple-basket-redux/issues/13)
- **[v1.4]**: 使用fetch替换jQuery的ajax, 详细更新说明 [issue 11](https://github.com/ckinmind/apple-basket-redux/issues/11)
- **[v1.3]**: 增加immutable.js, 改变对象拷贝的方式, 详细更新说明 [issue 8](https://github.com/ckinmind/apple-basket-redux/issues/8)
- **[v1.2]**: 增加异步action的完整实现(使用redux-thunk),  详细更新说明 [issue 5](https://github.com/ckinmind/apple-basket-redux/issues/5)
- **[v1.1]**: 变成只有两个动作，且去除异步请求部分的演示版本, 详细更新说明 [issue 2](https://github.com/ckinmind/apple-basket-redux/issues/2)
- **[v1.0]**: 基本同文章提供的代码一致, 详细更新说明 [issue 1](https://github.com/ckinmind/apple-basket-redux/issues/1)

## 如何开始
```js
> git clone https://github.com/ckinmind/apple-basket-redux.git
> cd apple-basket-redux
> npm install
> npm start
```

## 问题收录
- 关于mobx的使用问题, 查看 [issue 14](https://github.com/ckinmind/apple-basket-redux/issues/14)
- 异步action的问题(引入redux-thunk), 查看 [issue 6](https://github.com/ckinmind/apple-basket-redux/issues/6)
- webpack打包html中图片的问题,  查看 [issue 7](https://github.com/ckinmind/apple-basket-redux/issues/7)
- 关于immutable.js的使用,  查看 [issue 9](https://github.com/ckinmind/apple-basket-redux/issues/9)
- 关于fetch的使用, 查看 [issue 10](https://github.com/ckinmind/apple-basket-redux/issues/10)

## 其他应用
- [gallery-by-react](https://github.com/ckinmind/gallery-by-react): 一个React实现的图片画廊
- [hackernews-react](https://github.com/ckinmind/hackernews-react): 一个React实现的HackerNews
- [react-cnode](https://github.com/ckinmind/react-cnode): 一个React构建的cnode社区

apple-basket-redux

apple-basket-redux Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

apple-basket-redux

apple-basket-redux Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README