MobX-DemoSurviveJS看板示例-React&Webpack
MobX 的 React 看板项目还原,适合想快速上手响应式状态管理的你。项目是从 SurviveJS 的示例书中移植出来的,代码量少、结构清晰,用起来挺顺手。没有 Flux 的那一堆折腾,直接用 MobX 搞定数据流,写起来省心多了。
MobX 的observable
和action
结合React
组件,用来构建看板类的应用合适,交互即时,状态响应也快。你可以直接跑cd kanban_app
,装个依赖npm i
,npm start
就能看到效果。
项目结构不复杂,适合想研究下不用 Flux 怎么玩状态的朋友。比如你以前用 Redux,嫌 action 和 reducer 一堆模板代码烦,那这个 MobX 的方案你应该会挺喜欢。代码少了,逻辑更直给。
另外也推荐你看几篇相关的文章,有不同方案的对比,比如 React Flux Webpack 测试 和 基于 Webpack 和 React 的看板应用架构,有空可以对比着看看,能更清楚 MobX 这套方案的优势。
如果你正打算自己搞个小项目或者在试 React 的不同状态管理方式,可以把这个项目跑起来试试,踩坑少,改起来也方便。
mobx-demo-master.zip
预估大小:29个文件
mobx-demo-master
文件夹
LICENSE
1KB
notes_app
文件夹
.babelrc
158B
package.json
1012B
package-lock.json
239KB
app
文件夹
index.jsx
182B
components
文件夹
App.jsx
615B
106.61KB
文件大小:
评论区