https://github.com/jasonliao/simple-todo-with-react-and
:memo: a simple react demo to learn flux/reflux/redux
https://github.com/jasonliao/simple-todo-with-react-and
flux mobx react redux reflux todomvc
Last synced: 11 months ago
JSON representation
:memo: a simple react demo to learn flux/reflux/redux
- Host: GitHub
- URL: https://github.com/jasonliao/simple-todo-with-react-and
- Owner: jasonliao
- Created: 2015-09-17T15:49:32.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2018-12-08T02:43:41.000Z (over 7 years ago)
- Last Synced: 2025-04-13T03:42:22.133Z (about 1 year ago)
- Topics: flux, mobx, react, redux, reflux, todomvc
- Language: JavaScript
- Size: 626 KB
- Stars: 28
- Watchers: 2
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# simple-todo-with-react-and
用 React 和 [Flux](https://github.com/jasonliao/simple-todo-with-react-and/tree/master/flux)、[Reflux](https://github.com/jasonliao/simple-todo-with-react-and/tree/master/reflux)、[Redux](https://github.com/jasonliao/simple-todo-with-react-and/tree/master/redux) 和 [MobX](https://github.com/jasonliao/simple-todo-with-react-and/tree/master/mobx) 完成的简单的 Todo 小应用，并对每一种管理数据的方式整理了学习的小笔记。
对入门这几种方式和了解它们的区别可能有一定的帮助喔。😝
## Flux
> Flux 里的 Dispatcher 究竟是什么？为什么 Store 在数据流动的过程扮演着主角的角色？Actions 真的是如其名吗？View 和它们又有什么关系？
> 这里将用最生动的方式，带你了解 Flux 的四大角色 😏
[See Detail](https://github.com/jasonliao/simple-todo-with-react-and/blob/master/flux/README.md)
## Reflux
> Reflux 对于 Flux 又有什么区别和好处呢？当我们从 `createClass` 向 `class` 组件过渡的时候，又应该注意点什么呢？
> 这里将把 Reflux 官方的 Todo 小应用从 `createClass` 改写成 `class` 组件时踩过的坑进行总结 😉
[See Detail](https://github.com/jasonliao/simple-todo-with-react-and/blob/master/reflux/README.md)
## Redux
> Redux 中核心的概念都有哪些呢？单一的数据源有什么好好处呢？React 和 Redux 又是如何配合使用的呢？
> 这里结合 Redux 作者的亲自教程，把上述的问题都解答得一清二楚 😎
[See Detail](https://github.com/jasonliao/simple-todo-with-react-and/blob/master/redux/README.md)
## MobX
we will return in a moment