Poke-Paths Citrine路径计算挑战项目
Poke Paths 的项目灵感蛮有意思，是 Citrine 信息学出的一个小挑战：帮口袋妖怪找路回家。你可以设置起点、终点，还有各种障碍点，系统会自动算一条比较安全的路线。
项目是用create-react-app搭配TypeScript搭出来的，结构清晰，代码风格也挺工整，适合新手参考。运行也简单，装好依赖npm install，npm start直接就能跑。
UI 这块用的是Material-UI，组件多，样式也够现代，懒得自己写样式的可以直接拿来用。还有就是，后台的find-path服务是部署在 Heroku 上的，冷启动慢点，刚进页面的时候等个几十秒是正常的。
路径计算逻辑放在后台了，前端这边主要是交互展示，比较适合想练React + TypeScript + UI 库整合的同学玩一玩。你如果刚好在练怎么接 API、怎么交互，这项目挺合适的。
相关技术资料我也整理了几篇，有空可以看看：
- 使用 create-react-app 入门 React
- React 组件：Material-UI 实现 Google Material 设计
- React Material-UI 项目操作指南
- 轻量级 TypeScript create-react-app 模板
如果你正在找一个小而精、练手友好的 React 项目，那这个挺值得一试的。
文件大小：182.8KB
评论区