React Airflux Demo组件通信示例
组件之间怎么通信？用 airflux 搞定就挺顺的。react-airflux-demo 是个还不错的例子，演示得蛮清楚，适合你想快速上手 airflux 的场景。跑起来也简单，npm install 装好依赖，一个 npm run build 或 npm run dev 就能开跑，开发体验还蛮流畅的。
airflux 的好处是把 Flux 那套思想梳理得更清晰些，组件之间可以解耦通信，不用 props 一层一层传。你只管用 Actions 发事件，Store 就行了。逻辑清晰，调试也方便。
如果你做的是中大型项目，组件嵌套深、通信频繁，那这个 demo 值得研究一下。就算不打算用 airflux，看看它的组织方式也有启发。顺便说一句，它是基于 Webpack 打包的，喜欢折腾构建工具的你可以一起研究下。
哦对了，如果你还不太熟 webpack 配置，推荐你看看webpack-react：配置 React 的 Webpack，还有React 组件脚手架到 npm 发布的步骤也挺实用，做组件发布时用得上。
如果你想进一步玩得溜，可以试着把它集成到你自己的项目里，或者把 airflux 替换成别的状态管理方案对比看看，像 Redux 或 Zustand 都挺热门，看看哪个好上手。
文件大小：803.64KB
评论区