homepage-react React前端接口
homepage-react 的代码结构还挺清爽的，主要是昆士兰大学图书馆主页的前端接口，基于 React 写的，React 版本在 16.8 左右，比较适合熟悉 hooks 的朋友上手。
状态管理这块用的是 Redux 搭配 ReduxForm，和 Material Design 设计风格配套起来，看着还蛮现代。样式用的是 SASS，可以自定义的空间挺大。
构建工具用的是 Webpack，跑项目的时候会用到 webpack-dev-server，开发体验还不错。测试方面也全，单元测试是 Jest，端到端测试用的是 Cypress，而且还配合了 aXe 做 WCAG 无障碍测试，细节考虑得挺周到。
依赖管理方面用的是 npm，不过要注意 Node 要用 11.10.1，npm 版本是 6.x，可以配合 nvm use 11.10.1 && npm i -g npm@6 这一行搞定。
安装流程比较清晰：clone 下来后用 example.env 复制个 .env 文件，跑下 npm install 就能启动。还有个挺贴心的地方，项目里设置了 git hooks 脚本，方便统一分支规范。
想扩展的可以看看这几个相关链接，像 Webpack 4 + React + Redux + Jest 的文章，或者 Jest-Cypress-React 配置指南，都挺有。
如果你正好要做企业级后台、或者学校项目门户这种，有点内容展示、用户交互的场景，拿这个项目做个壳再开发，效率会高多哦。
文件大小：1.93MB
评论区