MobX-DemoSurviveJS看板示例-React&Webpack

MobX 的 React 看板项目还原,适合想快速上手响应式状态管理的你。项目是从 SurviveJS 的示例书中移植出来的,代码量少、结构清晰,用起来挺顺手。没有 Flux 的那一堆折腾,直接用 MobX 搞定数据流,写起来省心多了。

MobX 的observableaction结合React组件,用来构建看板类的应用合适,交互即时,状态响应也快。你可以直接跑cd kanban_app,装个依赖npm inpm start就能看到效果。

项目结构不复杂,适合想研究下不用 Flux 怎么玩状态的朋友。比如你以前用 Redux,嫌 action 和 reducer 一堆模板代码烦,那这个 MobX 的方案你应该会挺喜欢。代码少了,逻辑更直给。

另外也推荐你看几篇相关的文章,有不同方案的对比,比如 React Flux Webpack 测试基于 Webpack 和 React 的看板应用架构,有空可以对比着看看,能更清楚 MobX 这套方案的优势。

如果你正打算自己搞个小项目或者在试 React 的不同状态管理方式,可以把这个项目跑起来试试,踩坑少,改起来也方便。

zip
mobx-demo-master.zip 预估大小:29个文件
folder
mobx-demo-master 文件夹
file
LICENSE 1KB
folder
notes_app 文件夹
file
.babelrc 158B
file
package.json 1012B
file
package-lock.json 239KB
folder
app 文件夹
file
index.jsx 182B
folder
components 文件夹
file
App.jsx 615B
file
Notes.jsx 645B
file
Note.jsx 1KB
folder
stores 文件夹
file
NoteStore.js 730B
file
main.css 566B
file
webpack.config.js 3KB
file
.gitignore 27B
folder
kanban_app 文件夹
file
.babelrc 158B
file
package.json 1KB
file
package-lock.json 240KB
folder
app 文件夹
file
index.jsx 182B
folder
components 文件夹
file
App.jsx 593B
file
Editable.jsx 1KB
file
Notes.jsx 780B
file
Lanes.jsx 383B
file
Note.jsx 1KB
file
Lane.jsx 2KB
file
ItemTypes.js 34B
folder
stores 文件夹
file
LaneStore.js 3KB
file
NoteStore.js 2KB
folder
libs 文件夹
file
storage.js 227B
file
main.css 998B
file
webpack.config.js 3KB
file
README.md 1KB
zip 文件大小:106.61KB