clean-redux-demo Redux与Clean Architecture结合示例应用
clean-redux-demo 的项目结构挺有意思的，把Redux的状态管理和Clean Architecture结合得比较巧妙，适合想提升架构能力的前端朋友参考下。
登录功能是模拟的，按一下Log In按钮，过几秒不是报个错就是跳转到下一个页面，挺适合拿来练习状态切换和错误。也正因为是模拟的，逻辑上你可以随意改，不怕动真格。
第二个页面更有看头，用GitHub API拉取热门仓库名，不用认证，调试起来也方便。页面做了分页、下拉刷新、错误，这些在实际项目里都常见。你可以顺便试试怎么和 Redux 配合搞分页逻辑。
架构上它是照着Clean Architecture那套来分层的，逻辑、UI、数据解耦得比较清楚。虽然是 Kotlin 项目，但思路完全可以迁移到 React 或其他前端框架里。
现在还没加 RX 的实现，不过你要是用 Redux Toolkit + React Query，那思路也差不多。配合 这篇基于 React 的分页项目 一起看，效果更好。
如果你刚好在看 Redux 怎么写得更清晰，或者在研究组件和状态怎么拆分，不妨 clone 下来跑一跑，结构上挺值得借鉴的。
文件大小：176KB
评论区