react-battlegame React.js回合制战斗小游戏
React.js 的战斗小游戏，用分配属性打出一场‘勇者斗恶龙’风格的回合制战斗，挺有意思。界面用的是 Bootstrap，老熟人了，响应式布局不用你操心。玩法也简单，你只要把攻击、防御、速度、HP 这四项凑个 100 点分配，就能开始干架。
React 和 Bootstrap 的组合，做页面交互和布局都比较舒服。React 那一套状态控制加上组件分离，改起来也轻松。UI 这块，用了 Bootstrap 的样式，按钮啥的直接套，干净利索。
项目结构不复杂，Node.js 环境装好，跑个npm install就能下依赖，npm run build打包，用浏览器打开dest/index.html就能玩。想开发就跑npm run watch，监听src目录改动，写完自动编译，省事。
如果你平时也用 React 做点小项目，想练练状态管理或者组件拆分，这个小游戏还蛮合适。顺带还能看下 Bootstrap 跟 React 怎么配合，算是练手+玩乐两不误。
扩展点也不少，比如加入技能系统、音效、动画啥的都行。看代码风格也还行，逻辑清晰，不绕弯子。就算是初学 React 的朋友，跟着跑一遍也能学到不少。
哦对了，想多看看类似项目的朋友，可以翻翻下面这些：
- 使用 React.js 和 Node.js 构建简单博客
- React.js Essentials
- react-ko:学习 node.js 和 react.js，并使用它们！
- SimonBreak 记忆游戏基于 React.js 开发
如果你手上正好有 Node 环境，又想试点轻量级的前端项目，不妨试试这个小游戏。
文件大小：27.53KB
评论区